@undp/data-viz 2.6.0 → 2.6.1

package/dist/BarGraph-DE7tJ52k.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarGraph-DE7tJ52k.cjs","names":[],"sources":["../src/Components/Graphs/BarGraph/GroupedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/GroupedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/SimpleBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/SimpleBarGraph/index.tsx","../src/Components/Graphs/BarGraph/StackedBarGraph/Graph.tsx","../src/Components/Graphs/BarGraph/StackedBarGraph/index.tsx","../src/Components/Graphs/BarGraph/index.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport isEqual from 'fast-deep-equal';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { useMemo, useRef, useState } from 'react';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { RefLineX, RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  GroupedBarGraphDataType,\n  ReferenceDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  data: GroupedBarGraphDataType[];\n  barColors: string[];\n  barPadding: number;\n  showTicks: boolean;\n  leftMargin?: number;\n  rightMargin?: number;\n  topMargin?: number;\n  bottomMargin?: number;\n  truncateBy: number;\n  showLabels: boolean;\n  width: number;\n  suffix: string;\n  prefix: string;\n  showValues: boolean;\n  height: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refValues?: ReferenceDataType[];\n  maxValue: number;\n  minValue: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  selectedColor?: string;\n  rtl: boolean;\n  labelOrder?: string[];\n  maxBarThickness?: number;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  barAxisTitle?: string;\n  noOfTicks: number;\n  valueColor?: string;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  animate: AnimateDataType;\n  colorDomain: string[];\n  precision: number;\n  customLayers: CustomLayerDataType[];\n  naLabel: string;\n  hideAxisLine: boolean;\n  locale: string;\n  padZeros: boolean;\n}\n\nexport function HorizontalGraph(props: Props) {\n  const {\n    data,\n    leftMargin = 100,\n    rightMargin = 40,\n    topMargin = 25,\n    bottomMargin = 10,\n    barColors,\n    barPadding,\n    showTicks,\n    truncateBy,\n    width,\n    height,\n    suffix,\n    prefix,\n    showValues,\n    showLabels,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    maxValue,\n    minValue,\n    onSeriesMouseClick,\n    selectedColor,\n    rtl,\n    labelOrder,\n    maxBarThickness,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    barAxisTitle,\n    valueColor,\n    noOfTicks,\n    styles,\n    classNames,\n    animate,\n    colorDomain,\n    precision,\n    customLayers,\n    naLabel,\n    hideAxisLine,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const margin = {\n    top: barAxisTitle ? topMargin + 25 : topMargin,\n    bottom: bottomMargin,\n    left: leftMargin,\n    right: rightMargin,\n  };\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n\n  const dataWithId = useMemo(() => {\n    const idSet = new Set<string>();\n\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\n      const id = labelOrder ? `${d.label}` : `${i}`;\n      idSet.add(id);\n      return { ...d, id };\n    });\n\n    const missingIds = labelOrder ? labelOrder.filter((id) => !idSet.has(id)) : [];\n\n    return [\n      ...dataWithIdWithoutMissingIds,\n      ...missingIds.map((id) => ({\n        id,\n        label: id,\n        size: Array(data[0].size.length).fill(null),\n      })),\n    ];\n  }, [data, labelOrder]);\n\n  const barOrder = useMemo(() => {\n    return labelOrder ?? dataWithId.map((d) => `${d.id}`);\n  }, [labelOrder, dataWithId]);\n\n  const x = scaleLinear().domain([minValue, maxValue]).range([0, graphWidth]).nice();\n  const y = scaleBand()\n    .domain(barOrder)\n    .range([\n      0,\n      maxBarThickness ? Math.min(graphHeight, maxBarThickness * barOrder.length) : graphHeight,\n    ])\n    .paddingInner(barPadding);\n  const subBarScale = scaleBand()\n    .domain(data[0].size.map((_d, i) => `${i}`))\n    .range([0, y.bandwidth()])\n    .paddingInner(0.1);\n  const xTicks = x.ticks(noOfTicks);\n  return (\n    <>\n      <motion.svg\n        ref={svgRef}\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          {showTicks ? (\n            <XTicksAndGridLines\n              values={xTicks.filter((d) => d !== 0)}\n              x={xTicks.filter((d) => d !== 0).map((d) => x(d))}\n              y1={0 - topMargin}\n              y2={graphHeight + margin.bottom}\n              styles={{\n                gridLines: styles?.xAxis?.gridLines,\n                labels: styles?.xAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.xAxis?.gridLines,\n                labels: classNames?.xAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          ) : null}\n          <AxisTitle\n            x={graphWidth / 2}\n            y={0 - margin.top + 15}\n            style={styles?.xAxis?.title}\n            className={classNames?.xAxis?.title}\n            text={barAxisTitle}\n          />\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <AnimatePresence>\n            {dataWithId.map((d) =>\n              !checkIfNullOrUndefined(y(d.id)) ? (\n                <motion.g\n                  key={d.label}\n                  variants={{\n                    initial: {\n                      x: 0,\n                      y: y(`${d.id}`),\n                    },\n                    whileInView: {\n                      x: 0,\n                      y: y(`${d.id}`),\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                >\n                  {d.size.map((el, j) => (\n                    <motion.g\n                      className='undp-viz-g-with-hover'\n                      key={`${d.label}-${colorDomain[j] || j}`}\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 0.85}\n                      onMouseEnter={(event) => {\n                        setMouseOverData({ ...d, sizeIndex: j });\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\n                      }}\n                      onMouseMove={(event) => {\n                        setMouseOverData({ ...d, sizeIndex: j });\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                      }}\n                      onMouseLeave={() => {\n                        setMouseOverData(undefined);\n                        setEventX(undefined);\n                        setEventY(undefined);\n                        onSeriesMouseOver?.(undefined);\n                      }}\n                      onClick={() => {\n                        if (onSeriesMouseClick || detailsOnClick) {\n                          if (\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\n                            resetSelectionOnDoubleClick\n                          ) {\n                            setMouseClickData(undefined);\n                            onSeriesMouseClick?.(undefined);\n                          } else {\n                            setMouseClickData({ ...d, sizeIndex: j });\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\n                          }\n                        }\n                      }}\n                    >\n                      {!checkIfNullOrUndefined(el) ? (\n                        <motion.rect\n                          y={subBarScale(`${j}`)}\n                          variants={{\n                            initial: {\n                              width: 0,\n                              x: x(0),\n                              fill: barColors[j],\n                            },\n                            whileInView: {\n                              width: !checkIfNullOrUndefined(el)\n                                ? (el as number) >= 0\n                                  ? x(el as number) - x(0)\n                                  : x(0) - x(el as number)\n                                : 0,\n                              x: (el as number) >= 0 ? x(0) : x(el as number),\n                              fill: barColors[j],\n                              transition: { duration: animate.duration },\n                            },\n                          }}\n                          exit={{\n                            width: 0,\n                            x: x(0),\n                            transition: { duration: animate.duration },\n                          }}\n                          height={subBarScale.bandwidth()}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        />\n                      ) : null}\n                      {showValues ? (\n                        <motion.text\n                          y={(subBarScale(`${j}`) as number) + subBarScale.bandwidth() / 2}\n                          style={{\n                            textAnchor: el ? (el < 0 ? 'end' : 'start') : 'start',\n                            ...(styles?.graphObjectValues || {}),\n                          }}\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\n                          dx={el ? (el < 0 ? -5 : 5) : 5}\n                          dy='0.33em'\n                          variants={{\n                            initial: { x: x(0), opacity: 0, fill: valueColor || barColors[j] },\n                            whileInView: {\n                              x: x(el || 0),\n                              opacity: 1,\n                              fill: valueColor || barColors[j],\n                              transition: { duration: animate.duration },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                          exit={{\n                            opacity: 0,\n                            transition: { duration: animate.duration },\n                          }}\n                        >\n                          {numberFormattingFunction(\n                            el,\n                            naLabel,\n                            precision,\n                            prefix,\n                            suffix,\n                            locale,\n                            padZeros,\n                          )}\n                        </motion.text>\n                      ) : null}\n                    </motion.g>\n                  ))}\n                  {showLabels ? (\n                    <YAxesLabels\n                      value={\n                        `${d.label}`.length < truncateBy\n                          ? `${d.label}`\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\n                      }\n                      y={0}\n                      x={0 - margin.left}\n                      width={x(minValue < 0 ? 0 : minValue) + margin.left}\n                      height={y.bandwidth()}\n                      style={styles?.yAxis?.labels}\n                      className={classNames?.yAxis?.labels}\n                      animate={animate}\n                      isInView={isInView}\n                    />\n                  ) : null}\n                </motion.g>\n              ) : null,\n            )}\n            <Axis\n              x1={x(minValue < 0 ? 0 : minValue)}\n              x2={x(minValue < 0 ? 0 : minValue)}\n              y1={-2.5}\n              y2={graphHeight + margin.bottom}\n              classNames={{ axis: classNames?.yAxis?.axis }}\n              styles={{ axis: styles?.yAxis?.axis }}\n              hideAxisLine={hideAxisLine}\n            />\n            {refValues?.map((el) => (\n              <RefLineX\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                x={x(el.value as number)}\n                y1={0 - margin.top}\n                y2={graphHeight + margin.bottom}\n                textSide={x(el.value as number) > graphWidth * 0.75 || rtl ? 'left' : 'right'}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n          </AnimatePresence>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n\nexport function VerticalGraph(props: Props) {\n  const {\n    data,\n    leftMargin = 20,\n    rightMargin = 20,\n    topMargin = 20,\n    bottomMargin = 25,\n    width,\n    height,\n    barColors,\n    suffix,\n    prefix,\n    barPadding,\n    showLabels,\n    showValues,\n    showTicks,\n    truncateBy,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    maxValue,\n    minValue,\n    onSeriesMouseClick,\n    selectedColor,\n    labelOrder,\n    maxBarThickness,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    barAxisTitle,\n    valueColor,\n    noOfTicks,\n    styles,\n    classNames,\n    animate,\n    colorDomain,\n    precision,\n    customLayers,\n    naLabel,\n    hideAxisLine,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\n    right: rightMargin,\n  };\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n\n  const dataWithId = useMemo(() => {\n    const idSet = new Set<string>();\n\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\n      const id = labelOrder ? `${d.label}` : `${i}`;\n      idSet.add(id);\n      return { ...d, id };\n    });\n\n    const missingIds = labelOrder ? labelOrder.filter((id) => !idSet.has(id)) : [];\n\n    return [\n      ...dataWithIdWithoutMissingIds,\n      ...missingIds.map((id) => ({\n        id,\n        label: id,\n        size: Array(data[0].size.length).fill(null),\n      })),\n    ];\n  }, [data, labelOrder]);\n\n  const barOrder = useMemo(() => {\n    return labelOrder ?? dataWithId.map((d) => `${d.id}`);\n  }, [labelOrder, dataWithId]);\n\n  const y = scaleLinear().domain([minValue, maxValue]).range([graphHeight, 0]).nice();\n\n  const x = scaleBand()\n    .domain(barOrder)\n    .range([\n      0,\n      maxBarThickness ? Math.min(graphWidth, maxBarThickness * barOrder.length) : graphWidth,\n    ])\n    .paddingInner(barPadding);\n  const subBarScale = scaleBand()\n    .domain(data[0].size.map((_d, i) => `${i}`))\n    .range([0, x.bandwidth()])\n    .paddingInner(0.1);\n  const yTicks = y.ticks(noOfTicks);\n  return (\n    <>\n      <motion.svg\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n        ref={svgRef}\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <Axis\n            y1={y(minValue < 0 ? 0 : minValue)}\n            y2={y(minValue < 0 ? 0 : minValue)}\n            x1={0 - leftMargin}\n            x2={graphWidth + margin.right}\n            label={\n              showTicks\n                ? numberFormattingFunction(\n                    minValue < 0 ? 0 : minValue,\n                    naLabel,\n                    precision,\n                    prefix,\n                    suffix,\n                    locale,\n                    padZeros,\n                  )\n                : undefined\n            }\n            hideAxisLine={hideAxisLine}\n            labelPos={{\n              x: 0 - leftMargin,\n              dx: 0,\n              dy: maxValue < 0 ? '1em' : -5,\n              y: y(minValue < 0 ? 0 : minValue),\n            }}\n            classNames={{\n              axis: classNames?.xAxis?.axis,\n              label: classNames?.yAxis?.labels,\n            }}\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\n          />\n          {showTicks ? (\n            <YTicksAndGridLines\n              values={yTicks.filter((d) => d !== 0)}\n              y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              styles={{\n                gridLines: styles?.yAxis?.gridLines,\n                labels: styles?.yAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.yAxis?.gridLines,\n                labels: classNames?.yAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              labelPos='vertical'\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          ) : null}\n          <AxisTitle\n            x={0 - leftMargin - 15}\n            y={graphHeight / 2}\n            style={styles?.yAxis?.title}\n            className={classNames?.yAxis?.title}\n            text={barAxisTitle}\n            rotate90\n          />\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <AnimatePresence>\n            {dataWithId.map((d) =>\n              !checkIfNullOrUndefined(x(d.id)) ? (\n                <motion.g\n                  key={d.label}\n                  variants={{\n                    initial: {\n                      x: x(`${d.id}`),\n                      y: 0,\n                    },\n                    whileInView: {\n                      x: x(`${d.id}`),\n                      y: 0,\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                >\n                  {d.size.map((el, j) => (\n                    <motion.g\n                      className='undp-viz-g-with-hover'\n                      key={`${d.label}-${colorDomain[j] || j}`}\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 0.85}\n                      onMouseEnter={(event) => {\n                        setMouseOverData({ ...d, sizeIndex: j });\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\n                      }}\n                      onMouseMove={(event) => {\n                        setMouseOverData({ ...d, sizeIndex: j });\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                      }}\n                      onMouseLeave={() => {\n                        setMouseOverData(undefined);\n                        setEventX(undefined);\n                        setEventY(undefined);\n                        onSeriesMouseOver?.(undefined);\n                      }}\n                      onClick={() => {\n                        if (onSeriesMouseClick || detailsOnClick) {\n                          if (\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\n                            resetSelectionOnDoubleClick\n                          ) {\n                            setMouseClickData(undefined);\n                            onSeriesMouseClick?.(undefined);\n                          } else {\n                            setMouseClickData({ ...d, sizeIndex: j });\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\n                          }\n                        }\n                      }}\n                    >\n                      <motion.rect\n                        x={subBarScale(`${j}`)}\n                        width={subBarScale.bandwidth()}\n                        variants={{\n                          initial: {\n                            height: 0,\n                            y: y(0),\n                            fill: barColors[j],\n                          },\n                          whileInView: {\n                            height: !checkIfNullOrUndefined(el)\n                              ? Math.abs(y(el as number) - y(0))\n                              : 0,\n                            y: !checkIfNullOrUndefined(el)\n                              ? (el as number) > 0\n                                ? y(el as number)\n                                : y(0)\n                              : y(0),\n                            fill: barColors[j],\n                            transition: { duration: animate.duration },\n                          },\n                        }}\n                        exit={{\n                          height: 0,\n                          y: y(0),\n                          transition: { duration: animate.duration },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                      />\n                      {showValues ? (\n                        <motion.text\n                          x={(subBarScale(`${j}`) as number) + subBarScale.bandwidth() / 2}\n                          style={{\n                            textAnchor: 'middle',\n                            ...(styles?.graphObjectValues || {}),\n                          }}\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\n                          dy={el ? (el >= 0 ? '-5px' : '1em') : '-5px'}\n                          variants={{\n                            initial: { y: y(0), opacity: 0, fill: valueColor || barColors[j] },\n                            whileInView: {\n                              y: y(el || 0),\n                              opacity: 1,\n                              fill: valueColor || barColors[j],\n                              transition: { duration: animate.duration },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                          exit={{\n                            opacity: 0,\n                            transition: { duration: animate.duration },\n                          }}\n                        >\n                          {numberFormattingFunction(\n                            el,\n                            naLabel,\n                            precision,\n                            prefix,\n                            suffix,\n                            locale,\n                            padZeros,\n                          )}\n                        </motion.text>\n                      ) : null}\n                    </motion.g>\n                  ))}\n                  {showLabels ? (\n                    <XAxesLabels\n                      value={\n                        `${d.label}`.length < truncateBy\n                          ? `${d.label}`\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\n                      }\n                      y={y(0) + 5}\n                      x={0}\n                      width={x.bandwidth()}\n                      height={margin.bottom}\n                      style={styles?.xAxis?.labels}\n                      className={classNames?.xAxis?.labels}\n                      alignment='top'\n                      animate={animate}\n                      isInView={isInView}\n                    />\n                  ) : null}\n                </motion.g>\n              ) : null,\n            )}\n            {refValues?.map((el) => (\n              <RefLineY\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                y={y(el.value as number)}\n                x1={0 - leftMargin}\n                x2={graphWidth + margin.right}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n          </AnimatePresence>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { SliderUI } from '@undp/design-system-react/SliderUI';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport orderBy from 'lodash.orderby';\nimport sum from 'lodash.sum';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport { Pause, Play } from '@/Components/Icons';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  GroupedBarGraphDataType,\n  Languages,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n  TimelineDataType,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\nimport { HorizontalGraph, VerticalGraph } from './Graph';\n\ninterface Props {\n  data: GroupedBarGraphDataType[];\n  colors?: string[];\n  graphTitle?: string | React.ReactNode;\n  graphDescription?: string | React.ReactNode;\n  footNote?: string | React.ReactNode;\n  width?: number;\n  height?: number;\n  sources?: SourcesDataType[];\n  barPadding?: number;\n  showTicks?: boolean;\n  truncateBy?: number;\n  colorDomain: string[];\n  colorLegendTitle?: string;\n  suffix?: string;\n  prefix?: string;\n  showValues?: boolean;\n  backgroundColor?: string | boolean;\n  padding?: string;\n  leftMargin?: number;\n  rightMargin?: number;\n  topMargin?: number;\n  showLabels?: boolean;\n  bottomMargin?: number;\n  relativeHeight?: number;\n  sortParameter?: number | 'total';\n  sortData?: 'asc' | 'desc';\n  showColorScale?: boolean;\n  minHeight?: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refValues?: ReferenceDataType[];\n  graphID?: string;\n  maxValue?: number;\n  minValue?: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  graphDownload?: boolean;\n  dataDownload?: boolean;\n  labelOrder?: string[];\n  language?: Languages;\n  theme?: 'light' | 'dark';\n  maxBarThickness?: number;\n  ariaLabel?: string;\n  resetSelectionOnDoubleClick?: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  barAxisTitle?: string;\n  noOfTicks?: number;\n  valueColor?: string;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  filterNA?: boolean;\n  animate?: boolean | AnimateDataType;\n  precision?: number;\n  customLayers?: CustomLayerDataType[];\n  timeline?: TimelineDataType;\n  naLabel?: string;\n  orientation?: 'horizontal' | 'vertical';\n  hideAxisLine?: boolean;\n  locale?: string;\n  padZeros?: boolean;\n}\n\nexport function GroupedBarGraphEl(props: Props) {\n  const {\n    data,\n    graphTitle,\n    colors = Colors.light.categoricalColors.colors,\n    sources,\n    graphDescription,\n    barPadding = 0.25,\n    showTicks = true,\n    truncateBy = 999,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    colorLegendTitle,\n    suffix = '',\n    prefix = '',\n    showValues = true,\n    showColorScale = true,\n    padding,\n    backgroundColor = false,\n    leftMargin,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    showLabels = true,\n    relativeHeight,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    graphID,\n    maxValue,\n    minValue,\n    onSeriesMouseClick,\n    graphDownload = false,\n    dataDownload = false,\n    language = 'en',\n    labelOrder,\n    minHeight = 0,\n    theme = 'light',\n    maxBarThickness,\n    ariaLabel,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    barAxisTitle,\n    noOfTicks = 5,\n    valueColor,\n    styles,\n    classNames,\n    filterNA = true,\n    animate = false,\n    precision = 2,\n    customLayers = [],\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\n    naLabel = 'NA',\n    sortParameter,\n    sortData,\n    orientation = 'vertical',\n    hideAxisLine = false,\n    locale = 'en',\n    padZeros = false,\n  } = props;\n\n  const Comp = orientation === 'horizontal' ? HorizontalGraph : VerticalGraph;\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [play, setPlay] = useState(timeline.autoplay);\n  const uniqDatesSorted = useMemo(() => {\n    const dates = [\n      ...new Set(\n        data\n          .filter((d) => d.date)\n          .map((d) => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\n      ),\n    ];\n    dates.sort((a, b) => a - b);\n    return dates;\n  }, [data, timeline.dateFormat]);\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    const interval = setInterval(\n      () => {\n        setIndex((i) => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\n      },\n      (timeline.speed || 2) * 1000,\n    );\n    if (!play) clearInterval(interval);\n    return () => clearInterval(interval);\n  }, [uniqDatesSorted, play, timeline.speed]);\n\n  const markObj = getSliderMarks(\n    uniqDatesSorted,\n    index,\n    timeline.showOnlyActiveDate,\n    timeline.dateFormat || 'yyyy',\n  );\n\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\n        <div className='flex gap-6 items-center' dir='ltr'>\n          <button\n            type='button'\n            onClick={() => {\n              setPlay(!play);\n            }}\n            className='p-0 border-0 cursor-pointer bg-transparent'\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\n          >\n            {play ? <Pause /> : <Play />}\n          </button>\n          <SliderUI\n            min={uniqDatesSorted[0]}\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            marks={markObj}\n            step={null}\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            value={uniqDatesSorted[index]}\n            onChangeComplete={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            onChange={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\n          />\n        </div>\n      ) : null}\n      <div className='grow flex flex-col justify-center gap-3 w-full'>\n        {showColorScale && data.length > 0 ? (\n          <ColorLegendWithMouseOver\n            width={width}\n            colorDomain={colorDomain}\n            colors={colors}\n            colorLegendTitle={colorLegendTitle}\n            setSelectedColor={setSelectedColor}\n            showNAColor={false}\n            className={classNames?.colorLegend}\n          />\n        ) : null}\n        <GraphArea ref={graphDiv}>\n          {data.length === 0 && <EmptyState />}\n          {svgWidth && svgHeight && data.length > 0 ? (\n            <Comp\n              hideAxisLine={hideAxisLine}\n              data={\n                sortParameter !== undefined\n                  ? sortParameter === 'total'\n                    ? orderBy(\n                        ensureCompleteDataForStackedBarChart(data, timeline.dateFormat || 'yyyy')\n                          .filter((d) =>\n                            timeline.enabled\n                              ? `${d.date}` ===\n                                format(\n                                  new Date(uniqDatesSorted[index]),\n                                  timeline.dateFormat || 'yyyy',\n                                )\n                              : d,\n                          )\n                          .filter((d) => (filterNA ? !d.size.every((item) => item == null) : d)),\n                        (d) => sum(d.size.filter((el) => !checkIfNullOrUndefined(el))),\n                        [sortData || 'asc'],\n                      )\n                    : orderBy(\n                        ensureCompleteDataForStackedBarChart(data, timeline.dateFormat || 'yyyy')\n                          .filter((d) =>\n                            timeline.enabled\n                              ? `${d.date}` ===\n                                format(\n                                  new Date(uniqDatesSorted[index]),\n                                  timeline.dateFormat || 'yyyy',\n                                )\n                              : d,\n                          )\n                          .filter((d) => (filterNA ? !d.size.every((item) => item == null) : d)),\n                        (d) =>\n                          checkIfNullOrUndefined(d.size[sortParameter])\n                            ? -Infinity\n                            : d.size[sortParameter],\n                        [sortData || 'asc'],\n                      )\n                  : ensureCompleteDataForStackedBarChart(data, timeline.dateFormat || 'yyyy')\n                      .filter((d) =>\n                        timeline.enabled\n                          ? `${d.date}` ===\n                            format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\n                          : d,\n                      )\n                      .filter((d) => (filterNA ? !d.size.every((item) => item == null) : d))\n              }\n              barColors={colors}\n              width={svgWidth}\n              height={svgHeight}\n              suffix={suffix}\n              prefix={prefix}\n              showValues={showValues}\n              barPadding={barPadding}\n              showTicks={showTicks}\n              leftMargin={leftMargin}\n              rightMargin={rightMargin}\n              topMargin={topMargin}\n              bottomMargin={bottomMargin}\n              truncateBy={truncateBy}\n              showLabels={showLabels}\n              tooltip={tooltip}\n              onSeriesMouseOver={onSeriesMouseOver}\n              refValues={refValues}\n              maxValue={\n                !checkIfNullOrUndefined(maxValue)\n                  ? (maxValue as number)\n                  : Math.max(\n                        ...data.map((d) =>\n                          Math.max(\n                            ...(d.size.filter((l) => !checkIfNullOrUndefined(l)) as number[]),\n                          ),\n                        ),\n                      ) < 0\n                    ? 0\n                    : Math.max(\n                        ...data.map((d) =>\n                          Math.max(\n                            ...(d.size.filter((l) => !checkIfNullOrUndefined(l)) as number[]),\n                          ),\n                        ),\n                      )\n              }\n              minValue={\n                !checkIfNullOrUndefined(minValue)\n                  ? (minValue as number)\n                  : Math.min(\n                        ...data.map((d) =>\n                          Math.min(\n                            ...(d.size.filter((l) => !checkIfNullOrUndefined(l)) as number[]),\n                          ),\n                        ),\n                      ) >= 0\n                    ? 0\n                    : Math.min(\n                        ...data.map((d) =>\n                          Math.min(\n                            ...(d.size.filter((l) => !checkIfNullOrUndefined(l)) as number[]),\n                          ),\n                        ),\n                      )\n              }\n              onSeriesMouseClick={onSeriesMouseClick}\n              selectedColor={selectedColor}\n              labelOrder={labelOrder}\n              rtl={language === 'he' || language === 'ar'}\n              maxBarThickness={maxBarThickness}\n              resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n              detailsOnClick={detailsOnClick}\n              barAxisTitle={barAxisTitle}\n              noOfTicks={noOfTicks}\n              valueColor={valueColor}\n              styles={styles}\n              classNames={classNames}\n              colorDomain={colorDomain}\n              animate={\n                animate === true\n                  ? { duration: 0.5, once: true, amount: 0.5 }\n                  : animate || { duration: 0, once: true, amount: 0 }\n              }\n              precision={precision}\n              customLayers={customLayers}\n              naLabel={naLabel}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          ) : null}\n        </GraphArea>\n      </div>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n","import { cn } from '@undp/design-system-react/cn';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport isEqual from 'fast-deep-equal';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { RefLineX, RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  BarGraphDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  ReferenceDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  data: BarGraphDataType[];\n  barColor: string[];\n  colorDomain: string[];\n  suffix: string;\n  prefix: string;\n  barPadding: number;\n  showValues: boolean;\n  showTicks: boolean;\n  leftMargin?: number;\n  rightMargin?: number;\n  topMargin?: number;\n  bottomMargin?: number;\n  showLabels: boolean;\n  truncateBy: number;\n  width: number;\n  height: number;\n  // biome-ignore lint/suspicious/noExplicitAny: event payload defined by user based on undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: event payload defined by user based on undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refValues?: ReferenceDataType[];\n  selectedColor?: string;\n  maxValue: number;\n  minValue: number;\n  highlightedDataPoints?: (string | number)[];\n  // biome-ignore lint/suspicious/noExplicitAny: event payload defined by user based on undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  labelOrder?: string[];\n  rtl: boolean;\n  maxBarThickness?: number;\n  minBarThickness?: number;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: event payload defined by user based on undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  barAxisTitle?: string;\n  noOfTicks: number;\n  valueColor?: string;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  animate: AnimateDataType;\n  dimmedOpacity: number;\n  precision: number;\n  customLayers: CustomLayerDataType[];\n  naLabel: string;\n  trackColor?: string;\n  hideAxisLine: boolean;\n  locale: string;\n  padZeros: boolean;\n}\n\nexport function HorizontalGraph(props: Props) {\n  const {\n    data,\n    barColor,\n    suffix,\n    prefix,\n    barPadding,\n    showValues,\n    showTicks,\n    truncateBy,\n    width,\n    height,\n    colorDomain,\n    topMargin = 25,\n    bottomMargin = 10,\n    leftMargin = 100,\n    rightMargin = 40,\n    showLabels,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    selectedColor,\n    highlightedDataPoints,\n    maxValue,\n    minValue,\n    onSeriesMouseClick,\n    labelOrder,\n    rtl,\n    maxBarThickness,\n    minBarThickness,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    barAxisTitle,\n    valueColor,\n    noOfTicks,\n    styles,\n    classNames,\n    animate,\n    dimmedOpacity,\n    precision,\n    customLayers,\n    naLabel,\n    trackColor,\n    hideAxisLine,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  // biome-ignore lint/suspicious/noExplicitAny: event payload defined by user based on undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: event payload defined by user based on undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: barAxisTitle ? topMargin + 25 : topMargin,\n    bottom: bottomMargin,\n    left: leftMargin,\n    right: rightMargin,\n  };\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n\n  const dataWithId = useMemo(() => {\n    const idSet = new Set<string>();\n\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\n      const id = labelOrder ? `${d.label}` : `${i}`;\n      idSet.add(id);\n      return { ...d, id };\n    });\n\n    const missingIds = labelOrder ? labelOrder.filter((id) => !idSet.has(id)) : [];\n\n    return [\n      ...dataWithIdWithoutMissingIds,\n      ...missingIds.map((id) => ({\n        id,\n        label: id,\n        color: null,\n        size: null,\n      })),\n    ];\n  }, [data, labelOrder]);\n\n  const barOrder = useMemo(() => {\n    return labelOrder ?? dataWithId.map((d) => `${d.id}`);\n  }, [labelOrder, dataWithId]);\n\n  const x = scaleLinear().domain([minValue, maxValue]).range([0, graphWidth]).nice();\n  const y = scaleBand()\n    .domain(barOrder)\n    .range([\n      0,\n      minBarThickness\n        ? Math.max(graphHeight, minBarThickness * barOrder.length)\n        : maxBarThickness\n          ? Math.min(graphHeight, maxBarThickness * barOrder.length)\n          : graphHeight,\n    ])\n    .paddingInner(barPadding);\n  const xTicks = x.ticks(noOfTicks);\n\n  return (\n    <>\n      <motion.svg\n        ref={svgRef}\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          {showTicks ? (\n            <XTicksAndGridLines\n              values={xTicks.filter((d) => d !== 0)}\n              x={xTicks.filter((d) => d !== 0).map((d) => x(d))}\n              y1={0 - topMargin}\n              y2={graphHeight + margin.bottom}\n              styles={{\n                gridLines: styles?.xAxis?.gridLines,\n                labels: styles?.xAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.xAxis?.gridLines,\n                labels: classNames?.xAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          ) : null}\n          <AxisTitle\n            x={graphWidth / 2}\n            y={0 - margin.top + 15}\n            style={styles?.xAxis?.title}\n            className={classNames?.xAxis?.title}\n            text={barAxisTitle}\n          />\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <AnimatePresence>\n            {dataWithId.map((d) =>\n              !checkIfNullOrUndefined(y(d.id)) ? (\n                <motion.g\n                  className='undp-viz-g-with-hover'\n                  key={d.label}\n                  variants={{\n                    initial: {\n                      opacity: selectedColor\n                        ? d.color\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : highlightedDataPoints\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\n                            ? 0.85\n                            : dimmedOpacity\n                          : 0.85,\n                    },\n                    whileInView: {\n                      opacity: selectedColor\n                        ? d.color\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\n                            ? 1\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : highlightedDataPoints\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\n                            ? 0.85\n                            : dimmedOpacity\n                          : 0.85,\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                  onMouseEnter={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                    onSeriesMouseOver?.(d);\n                  }}\n                  onClick={() => {\n                    if (onSeriesMouseClick || detailsOnClick) {\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                        setMouseClickData(undefined);\n                        onSeriesMouseClick?.(undefined);\n                      } else {\n                        setMouseClickData(d);\n                        onSeriesMouseClick?.(d);\n                      }\n                    }\n                  }}\n                  onMouseMove={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                  }}\n                  onMouseLeave={() => {\n                    setMouseOverData(undefined);\n                    setEventX(undefined);\n                    setEventY(undefined);\n                    onSeriesMouseOver?.(undefined);\n                  }}\n                >\n                  {trackColor && (\n                    <motion.rect\n                      height={y.bandwidth()}\n                      variants={{\n                        initial: {\n                          width: graphWidth,\n                          x: 0,\n                          y: y(`${d.id}`),\n                          fill: trackColor,\n                        },\n                        whileInView: {\n                          width: graphWidth,\n                          x: 0,\n                          y: y(`${d.id}`),\n                          fill: trackColor,\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    />\n                  )}\n                  {d.size ? (\n                    <motion.rect\n                      variants={{\n                        initial: {\n                          width: 0,\n                          x: x(0),\n                          y: y(`${d.id}`),\n                          fill:\n                            data.filter((el) => el.color).length === 0\n                              ? barColor[0]\n                              : !d.color\n                                ? Colors.gray\n                                : barColor[colorDomain.indexOf(d.color)],\n                        },\n                        whileInView: {\n                          width: d.size >= 0 ? x(d.size) - x(0) : x(0) - x(d.size),\n                          x: d.size >= 0 ? x(0) : x(d.size),\n                          y: y(`${d.id}`),\n                          fill:\n                            data.filter((el) => el.color).length === 0\n                              ? barColor[0]\n                              : !d.color\n                                ? Colors.gray\n                                : barColor[colorDomain.indexOf(d.color)],\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{\n                        width: 0,\n                        x: x(0),\n                        transition: { duration: animate.duration },\n                      }}\n                      height={y.bandwidth()}\n                    />\n                  ) : null}\n                  {showLabels ? (\n                    <YAxesLabels\n                      value={\n                        `${d.label}`.length < truncateBy\n                          ? `${d.label}`\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\n                      }\n                      y={y(d.id) || 0}\n                      x={(d.size || 0) < 0 ? x(0) : 0 - margin.left}\n                      width={(d.size || 0) < 0 ? width - x(0) : x(0) + margin.left}\n                      height={y.bandwidth()}\n                      alignment={d.size ? (d.size < 0 ? 'left' : 'right') : 'right'}\n                      style={styles?.yAxis?.labels}\n                      className={classNames?.yAxis?.labels}\n                      animate={animate}\n                      isInView={isInView}\n                    />\n                  ) : null}\n                  {showValues ? (\n                    <motion.text\n                      style={{\n                        textAnchor: d.size ? (d.size < 0 ? 'end' : 'start') : 'start',\n                        ...(styles?.graphObjectValues || {}),\n                      }}\n                      className={cn(\n                        'graph-value text-sm',\n                        !valueColor && barColor.length > 1\n                          ? ' fill-primary-gray-600 dark:fill-primary-gray-300'\n                          : '',\n                        classNames?.graphObjectValues,\n                      )}\n                      dx={d.size ? (d.size < 0 ? -5 : 5) : 5}\n                      dy='0.33em'\n                      variants={{\n                        initial: {\n                          x: x(0),\n                          y: (y(`${d.id}`) as number) + y.bandwidth() / 2,\n                          opacity: 0,\n                          fill: valueColor\n                            ? valueColor\n                            : data.filter((el) => el.color).length === 0\n                              ? barColor[0]\n                              : !d.color\n                                ? Colors.gray\n                                : barColor[colorDomain.indexOf(d.color)],\n                        },\n                        whileInView: {\n                          x: d.size ? x(d.size) : x(0),\n                          opacity: 1,\n                          y: (y(`${d.id}`) as number) + y.bandwidth() / 2,\n                          fill: valueColor\n                            ? valueColor\n                            : data.filter((el) => el.color).length === 0\n                              ? barColor[0]\n                              : !d.color\n                                ? Colors.gray\n                                : barColor[colorDomain.indexOf(d.color)],\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{\n                        opacity: 0,\n                        transition: { duration: animate.duration },\n                      }}\n                    >\n                      {numberFormattingFunction(\n                        d.size,\n                        naLabel,\n                        precision,\n                        prefix,\n                        suffix,\n                        locale,\n                        padZeros,\n                      )}\n                    </motion.text>\n                  ) : null}\n                </motion.g>\n              ) : null,\n            )}\n            <Axis\n              hideAxisLine={hideAxisLine}\n              x1={x(minValue < 0 ? 0 : minValue)}\n              x2={x(minValue < 0 ? 0 : minValue)}\n              y1={-2.5}\n              y2={graphHeight + margin.bottom}\n              classNames={{ axis: classNames?.yAxis?.axis }}\n              styles={{ axis: styles?.yAxis?.axis }}\n            />\n            {refValues?.map((el) => (\n              <RefLineX\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                x={x(el.value as number)}\n                y1={0 - margin.top}\n                y2={graphHeight + margin.bottom}\n                textSide={x(el.value as number) > graphWidth * 0.75 || rtl ? 'left' : 'right'}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n          </AnimatePresence>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n\nexport function VerticalGraph(props: Props) {\n  const {\n    leftMargin = 20,\n    rightMargin = 20,\n    topMargin = 20,\n    bottomMargin = 25,\n    data,\n    width,\n    height,\n    barColor,\n    suffix,\n    prefix,\n    barPadding,\n    showLabels,\n    showValues,\n    showTicks,\n    colorDomain,\n    truncateBy,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    selectedColor,\n    maxValue,\n    minValue,\n    highlightedDataPoints,\n    onSeriesMouseClick,\n    labelOrder,\n    maxBarThickness,\n    minBarThickness,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    barAxisTitle,\n    valueColor,\n    noOfTicks,\n    styles,\n    classNames,\n    dimmedOpacity,\n    animate,\n    precision,\n    customLayers,\n    naLabel,\n    trackColor,\n    hideAxisLine,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\n    right: rightMargin,\n  };\n  // biome-ignore lint/suspicious/noExplicitAny: event payload defined by user based on undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: event payload defined by user based on undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n\n  const dataWithId = useMemo(() => {\n    const idSet = new Set<string>();\n\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\n      const id = labelOrder ? `${d.label}` : `${i}`;\n      idSet.add(id);\n      return { ...d, id };\n    });\n\n    const missingIds = labelOrder ? labelOrder.filter((id) => !idSet.has(id)) : [];\n\n    return [\n      ...dataWithIdWithoutMissingIds,\n      ...missingIds.map((id) => ({\n        id,\n        label: id,\n        color: null,\n        size: null,\n      })),\n    ];\n  }, [data, labelOrder]);\n\n  const barOrder = useMemo(() => {\n    return labelOrder ?? dataWithId.map((d) => `${d.id}`);\n  }, [labelOrder, dataWithId]);\n\n  const y = scaleLinear().domain([minValue, maxValue]).range([graphHeight, 0]).nice();\n\n  const x = scaleBand()\n    .domain(barOrder)\n    .range([\n      0,\n      minBarThickness\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\n        : maxBarThickness\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\n          : graphWidth,\n    ])\n    .paddingInner(barPadding);\n  const yTicks = y.ticks(noOfTicks);\n  return (\n    <>\n      <motion.svg\n        ref={svgRef}\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <Axis\n            hideAxisLine={hideAxisLine}\n            y1={y(minValue < 0 ? 0 : minValue)}\n            y2={y(minValue < 0 ? 0 : minValue)}\n            x1={0 - leftMargin}\n            x2={graphWidth + margin.right}\n            label={\n              showTicks\n                ? numberFormattingFunction(\n                    minValue < 0 ? 0 : minValue,\n                    naLabel,\n                    precision,\n                    prefix,\n                    suffix,\n                    locale,\n                    padZeros,\n                  )\n                : undefined\n            }\n            labelPos={{\n              x: 0 - leftMargin,\n              dx: 0,\n              dy: maxValue < 0 ? '1em' : -5,\n              y: y(minValue < 0 ? 0 : minValue),\n            }}\n            classNames={{\n              axis: classNames?.xAxis?.axis,\n              label: classNames?.yAxis?.labels,\n            }}\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\n          />\n          {showTicks ? (\n            <YTicksAndGridLines\n              values={yTicks.filter((d) => d !== 0)}\n              y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              styles={{\n                gridLines: styles?.yAxis?.gridLines,\n                labels: styles?.yAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.yAxis?.gridLines,\n                labels: classNames?.yAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              labelPos='vertical'\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          ) : null}\n          <AxisTitle\n            x={0 - leftMargin - 15}\n            y={graphHeight / 2}\n            style={styles?.yAxis?.title}\n            className={classNames?.yAxis?.title}\n            text={barAxisTitle}\n            rotate90\n          />\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <AnimatePresence>\n            {dataWithId.map((d, _i) =>\n              !checkIfNullOrUndefined(x(d.id)) ? (\n                <motion.g\n                  className='undp-viz-g-with-hover'\n                  key={d.label}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  variants={{\n                    initial: {\n                      opacity: selectedColor\n                        ? d.color\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\n                            ? !highlightedDataPoints || highlightedDataPoints.indexOf(d.id) !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : highlightedDataPoints\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\n                            ? 0.85\n                            : dimmedOpacity\n                          : 0.85,\n                    },\n                    whileInView: {\n                      opacity: selectedColor\n                        ? d.color\n                          ? barColor[colorDomain.indexOf(d.color)] === selectedColor\n                            ? !highlightedDataPoints || highlightedDataPoints.indexOf(d.id) !== -1\n                              ? 1\n                              : dimmedOpacity\n                            : dimmedOpacity\n                          : dimmedOpacity\n                        : highlightedDataPoints\n                          ? highlightedDataPoints.indexOf(d.label) !== -1\n                            ? 0.85\n                            : dimmedOpacity\n                          : 0.85,\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                  onMouseEnter={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                    onSeriesMouseOver?.(d);\n                  }}\n                  onClick={() => {\n                    if (onSeriesMouseClick || detailsOnClick) {\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                        setMouseClickData(undefined);\n                        onSeriesMouseClick?.(undefined);\n                      } else {\n                        setMouseClickData(d);\n                        onSeriesMouseClick?.(d);\n                      }\n                    }\n                  }}\n                  onMouseMove={(event) => {\n                    setMouseOverData(d);\n                    setEventY(event.clientY);\n                    setEventX(event.clientX);\n                  }}\n                  onMouseLeave={() => {\n                    setMouseOverData(undefined);\n                    setEventX(undefined);\n                    setEventY(undefined);\n                    onSeriesMouseOver?.(undefined);\n                  }}\n                >\n                  {trackColor && (\n                    <motion.rect\n                      width={x.bandwidth()}\n                      variants={{\n                        initial: {\n                          height: graphHeight,\n                          y: 0,\n                          x: x(`${d.id}`),\n                          fill: trackColor,\n                        },\n                        whileInView: {\n                          height: graphHeight,\n                          y: 0,\n                          x: x(`${d.id}`),\n                          fill: trackColor,\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                    />\n                  )}\n                  {d.size ? (\n                    <motion.rect\n                      width={x.bandwidth()}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      variants={{\n                        initial: {\n                          height: 0,\n                          x: x(`${d.id}`),\n                          y: y(0),\n                          fill:\n                            data.filter((el) => el.color).length === 0\n                              ? barColor[0]\n                              : !d.color\n                                ? Colors.gray\n                                : barColor[colorDomain.indexOf(d.color)],\n                        },\n                        whileInView: {\n                          height: d.size ? Math.abs(y(d.size) - y(0)) : 0,\n                          y: d.size ? (d.size > 0 ? y(d.size) : y(0)) : y(0),\n                          x: x(`${d.id}`),\n                          fill:\n                            data.filter((el) => el.color).length === 0\n                              ? barColor[0]\n                              : !d.color\n                                ? Colors.gray\n                                : barColor[colorDomain.indexOf(d.color)],\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      exit={{\n                        height: 0,\n                        y: y(0),\n                        transition: { duration: animate.duration },\n                      }}\n                    />\n                  ) : null}\n                  {showLabels ? (\n                    <XAxesLabels\n                      value={\n                        `${d.label}`.length < truncateBy\n                          ? `${d.label}`\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\n                      }\n                      y={(d.size || 0) < 0 ? 0 : y(0) + 5}\n                      x={x(`${d.id}`) as number}\n                      width={x.bandwidth()}\n                      height={(d.size || 0) < 0 ? y(0) - 5 : margin.bottom}\n                      style={styles?.xAxis?.labels}\n                      className={classNames?.xAxis?.labels}\n                      alignment={(d.size || 0) < 0 ? 'bottom' : 'top'}\n                      animate={animate}\n                      isInView={isInView}\n                    />\n                  ) : null}\n                  {showValues ? (\n                    <motion.text\n                      style={{\n                        textAnchor: 'middle',\n                        ...(styles?.graphObjectValues || {}),\n                      }}\n                      className={cn(\n                        'graph-value text-sm',\n                        !valueColor && barColor.length > 1\n                          ? 'fill-primary-gray-600 dark:fill-primary-gray-300'\n                          : '',\n                        classNames?.graphObjectValues,\n                      )}\n                      dy={d.size ? (d.size >= 0 ? '-5px' : '1em') : '-5px'}\n                      variants={{\n                        initial: {\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\n                          y: y(0),\n                          opacity: 0,\n                          fill: valueColor\n                            ? valueColor\n                            : data.filter((el) => el.color).length === 0\n                              ? barColor[0]\n                              : !d.color\n                                ? Colors.gray\n                                : barColor[colorDomain.indexOf(d.color)],\n                        },\n                        whileInView: {\n                          x: (x(`${d.id}`) as number) + x.bandwidth() / 2,\n                          y: y(d.size || 0),\n                          fill: valueColor\n                            ? valueColor\n                            : data.filter((el) => el.color).length === 0\n                              ? barColor[0]\n                              : !d.color\n                                ? Colors.gray\n                                : barColor[colorDomain.indexOf(d.color)],\n                          opacity: 1,\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                      exit={{\n                        opacity: 0,\n                        transition: { duration: animate.duration },\n                      }}\n                    >\n                      {numberFormattingFunction(\n                        d.size,\n                        naLabel,\n                        precision,\n                        prefix,\n                        suffix,\n                        locale,\n                        padZeros,\n                      )}\n                    </motion.text>\n                  ) : null}\n                </motion.g>\n              ) : null,\n            )}\n            {refValues?.map((el) => (\n              <RefLineY\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                y={y(el.value as number)}\n                x1={0 - leftMargin}\n                x2={graphWidth + margin.right}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n          </AnimatePresence>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { SliderUI } from '@undp/design-system-react/SliderUI';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport orderBy from 'lodash.orderby';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport { Pause, Play } from '@/Components/Icons';\nimport type {\n  AnimateDataType,\n  BarGraphDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  Languages,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n  TimelineDataType,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { ensureCompleteDataForBarChart } from '@/Utils/ensureCompleteData';\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\nimport { uniqBy } from '@/Utils/uniqBy';\nimport { HorizontalGraph, VerticalGraph } from './Graph';\n\ninterface Props {\n  data: BarGraphDataType[];\n  colors?: string | string[];\n  labelOrder?: string[];\n  graphTitle?: string | React.ReactNode;\n  graphDescription?: string | React.ReactNode;\n  footNote?: string | React.ReactNode;\n  width?: number;\n  height?: number;\n  minHeight?: number;\n  suffix?: string;\n  prefix?: string;\n  sources?: SourcesDataType[];\n  barPadding?: number;\n  showValues?: boolean;\n  showTicks?: boolean;\n  leftMargin?: number;\n  rightMargin?: number;\n  truncateBy?: number;\n  colorDomain?: string[];\n  colorLegendTitle?: string;\n  backgroundColor?: string | boolean;\n  padding?: string;\n  topMargin?: number;\n  bottomMargin?: number;\n  relativeHeight?: number;\n  showLabels?: boolean;\n  showColorScale?: boolean;\n  maxValue?: number;\n  minValue?: number;\n  trackColor?: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refValues?: ReferenceDataType[];\n  graphID?: string;\n  highlightedDataPoints?: (string | number)[];\n  dimmedOpacity?: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  graphDownload?: boolean;\n  dataDownload?: boolean;\n  sortData?: 'asc' | 'desc';\n  language?: Languages;\n  showNAColor?: boolean;\n  theme?: 'light' | 'dark';\n  maxBarThickness?: number;\n  maxNumberOfBars?: number;\n  minBarThickness?: number;\n  ariaLabel?: string;\n  resetSelectionOnDoubleClick?: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  barAxisTitle?: string;\n  noOfTicks?: number;\n  valueColor?: string;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  filterNA?: boolean;\n  animate?: boolean | AnimateDataType;\n  precision?: number;\n  customLayers?: CustomLayerDataType[];\n  timeline?: TimelineDataType;\n  naLabel?: string;\n  orientation?: 'horizontal' | 'vertical';\n  hideAxisLine?: boolean;\n  locale?: string;\n  padZeros?: boolean;\n}\n\nexport function SimpleBarGraphEl(props: Props) {\n  const {\n    data,\n    graphTitle,\n    colors,\n    suffix = '',\n    sources,\n    prefix = '',\n    graphDescription,\n    barPadding = 0.25,\n    showValues = true,\n    showTicks = true,\n    truncateBy = 999,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    colorLegendTitle,\n    highlightedDataPoints,\n    padding,\n    backgroundColor = false,\n    topMargin,\n    bottomMargin,\n    leftMargin,\n    rightMargin,\n    showLabels = true,\n    relativeHeight,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    showColorScale = true,\n    graphID,\n    maxValue,\n    minValue,\n    onSeriesMouseClick,\n    graphDownload = false,\n    dataDownload = false,\n    sortData,\n    labelOrder,\n    language = 'en',\n    showNAColor = true,\n    minHeight = 0,\n    theme = 'light',\n    maxBarThickness,\n    maxNumberOfBars,\n    minBarThickness,\n    ariaLabel,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    barAxisTitle,\n    noOfTicks = 5,\n    valueColor,\n    styles,\n    classNames,\n    filterNA = true,\n    animate = false,\n    dimmedOpacity = 0.3,\n    precision = 2,\n    customLayers = [],\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\n    naLabel = 'NA',\n    orientation = 'vertical',\n    trackColor,\n    hideAxisLine = false,\n    locale = 'en',\n    padZeros = false,\n  } = props;\n  const Comp = orientation === 'horizontal' ? HorizontalGraph : VerticalGraph;\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [play, setPlay] = useState(timeline.autoplay);\n  const uniqDatesSorted = useMemo(() => {\n    const dates = [\n      ...new Set(\n        data\n          .filter((d) => d.date)\n          .map((d) => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\n      ),\n    ];\n    dates.sort((a, b) => a - b);\n    return dates;\n  }, [data, timeline.dateFormat]);\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    const interval = setInterval(\n      () => {\n        setIndex((i) => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\n      },\n      (timeline.speed || 2) * 1000,\n    );\n    if (!play) clearInterval(interval);\n    return () => clearInterval(interval);\n  }, [uniqDatesSorted, play, timeline.speed]);\n\n  const markObj = getSliderMarks(\n    uniqDatesSorted,\n    index,\n    timeline.showOnlyActiveDate,\n    timeline.dateFormat || 'yyyy',\n  );\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\n        <div className='flex gap-6 items-center pb-4' dir='ltr'>\n          <button\n            type='button'\n            onClick={() => {\n              setPlay(!play);\n            }}\n            className='p-0 border-0 cursor-pointer bg-transparent'\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\n          >\n            {play ? <Pause /> : <Play />}\n          </button>\n          <SliderUI\n            min={uniqDatesSorted[0]}\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            marks={markObj}\n            step={null}\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            value={uniqDatesSorted[index]}\n            onChangeComplete={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            onChange={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\n          />\n        </div>\n      ) : null}\n      {showColorScale && data.filter((el) => el.color).length !== 0 && data.length > 0 ? (\n        <ColorLegendWithMouseOver\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as (string | number)[])}\n          setSelectedColor={setSelectedColor}\n          showNAColor={showNAColor}\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Comp\n            hideAxisLine={hideAxisLine}\n            data={\n              sortData\n                ? orderBy(\n                    ensureCompleteDataForBarChart(data, timeline.dateFormat || 'yyyy')\n                      .filter((d) =>\n                        timeline.enabled\n                          ? `${d.date}` ===\n                            format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\n                          : d,\n                      )\n                      .filter((d) => (filterNA ? !checkIfNullOrUndefined(d.size) : d)),\n                    [\n                      (d) =>\n                        d.size === undefined\n                          ? sortData === 'asc'\n                            ? (orientation === 'horizontal' ? 1 : -1) * Infinity\n                            : (orientation === 'horizontal' ? -1 : 1) * Infinity\n                          : d.size,\n                    ],\n                    [sortData],\n                  ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\n                : ensureCompleteDataForBarChart(data, timeline.dateFormat || 'yyyy')\n                    .filter((d) =>\n                      timeline.enabled\n                        ? `${d.date}` ===\n                          format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\n                        : d,\n                    )\n                    .filter((d) => (filterNA ? !checkIfNullOrUndefined(d.size) : d))\n                    .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\n            }\n            barColor={\n              data.filter((el) => el.color).length === 0\n                ? colors\n                  ? [colors as string]\n                  : [Colors.primaryColors['blue-600']]\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\n            }\n            colorDomain={\n              data.filter((el) => el.color).length === 0\n                ? []\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\n            }\n            selectedColor={selectedColor}\n            trackColor={trackColor}\n            width={svgWidth}\n            height={svgHeight}\n            suffix={suffix}\n            prefix={prefix}\n            barPadding={barPadding}\n            showValues={showValues}\n            showTicks={showTicks}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            truncateBy={truncateBy}\n            showLabels={showLabels}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            refValues={refValues}\n            maxValue={\n              !checkIfNullOrUndefined(maxValue)\n                ? (maxValue as number)\n                : Math.max(\n                      ...data\n                        .filter((d) => !checkIfNullOrUndefined(d.size))\n                        .map((d) => d.size as number),\n                    ) < 0\n                  ? 0\n                  : Math.max(\n                      ...data\n                        .filter((d) => !checkIfNullOrUndefined(d.size))\n                        .map((d) => d.size as number),\n                    )\n            }\n            minValue={\n              !checkIfNullOrUndefined(minValue)\n                ? (minValue as number)\n                : Math.min(\n                      ...data\n                        .filter((d) => !checkIfNullOrUndefined(d.size))\n                        .map((d) => d.size as number),\n                    ) >= 0\n                  ? 0\n                  : Math.min(\n                      ...data\n                        .filter((d) => !checkIfNullOrUndefined(d.size))\n                        .map((d) => d.size as number),\n                    )\n            }\n            highlightedDataPoints={highlightedDataPoints}\n            onSeriesMouseClick={onSeriesMouseClick}\n            labelOrder={labelOrder}\n            rtl={language === 'he' || language === 'ar'}\n            maxBarThickness={maxBarThickness}\n            minBarThickness={minBarThickness}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            detailsOnClick={detailsOnClick}\n            barAxisTitle={barAxisTitle}\n            noOfTicks={noOfTicks}\n            valueColor={valueColor}\n            classNames={classNames}\n            styles={styles}\n            animate={\n              animate === true\n                ? { duration: 0.5, once: true, amount: 0.5 }\n                : animate || { duration: 0, once: true, amount: 0 }\n            }\n            dimmedOpacity={dimmedOpacity}\n            precision={precision}\n            customLayers={customLayers}\n            naLabel={naLabel}\n            locale={locale}\n            padZeros={padZeros}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          sources={sources}\n          footNote={footNote}\n          width={width}\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n","import { cn } from '@undp/design-system-react/cn';\nimport { scaleBand, scaleLinear } from 'd3-scale';\nimport isEqual from 'fast-deep-equal';\nimport sum from 'lodash.sum';\nimport { AnimatePresence, motion, useInView } from 'motion/react';\nimport { useMemo, useRef, useState } from 'react';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { AxisTitle } from '@/Components/Elements/Axes/AxisTitle';\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { RefLineX, RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  GroupedBarGraphDataType,\n  ReferenceDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface Props {\n  data: GroupedBarGraphDataType[];\n  barColors: string[];\n  barPadding: number;\n  showTicks: boolean;\n  leftMargin?: number;\n  truncateBy: number;\n  width: number;\n  height: number;\n  rightMargin?: number;\n  topMargin?: number;\n  showLabels: boolean;\n  bottomMargin?: number;\n  suffix: string;\n  prefix: string;\n  showValues: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refValues?: ReferenceDataType[];\n  maxValue: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  selectedColor?: string;\n  rtl: boolean;\n  labelOrder?: string[];\n  maxBarThickness?: number;\n  minBarThickness?: number;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  barAxisTitle?: string;\n  noOfTicks: number;\n  valueColor?: string;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  animate: AnimateDataType;\n  colorDomain: string[];\n  precision: number;\n  customLayers: CustomLayerDataType[];\n  naLabel: string;\n  hideAxisLine: boolean;\n  locale: string;\n  padZeros: boolean;\n}\n\nexport function HorizontalGraph(props: Props) {\n  const {\n    data,\n    barColors,\n    barPadding,\n    showTicks,\n    topMargin = 25,\n    bottomMargin = 10,\n    leftMargin = 100,\n    rightMargin = 40,\n    truncateBy,\n    width,\n    height,\n    tooltip,\n    onSeriesMouseOver,\n    showLabels,\n    suffix,\n    prefix,\n    showValues,\n    refValues,\n    maxValue,\n    onSeriesMouseClick,\n    selectedColor,\n    rtl,\n    labelOrder,\n    maxBarThickness,\n    minBarThickness,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    barAxisTitle,\n    valueColor,\n    noOfTicks,\n    styles,\n    classNames,\n    animate,\n    colorDomain,\n    precision,\n    customLayers,\n    naLabel,\n    hideAxisLine,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const margin = {\n    top: barAxisTitle ? topMargin + 25 : topMargin,\n    bottom: bottomMargin,\n    left: leftMargin,\n    right: rightMargin,\n  };\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n\n  const dataWithId = useMemo(() => {\n    const idSet = new Set<string>();\n\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\n      const id = labelOrder ? `${d.label}` : `${i}`;\n      idSet.add(id);\n      return { ...d, id };\n    });\n\n    const missingIds = labelOrder ? labelOrder.filter((id) => !idSet.has(id)) : [];\n\n    return [\n      ...dataWithIdWithoutMissingIds,\n      ...missingIds.map((id) => ({\n        id,\n        label: id,\n        size: Array(data[0].size.length).fill(null),\n      })),\n    ];\n  }, [data, labelOrder]);\n\n  const barOrder = useMemo(() => {\n    return labelOrder ?? dataWithId.map((d) => `${d.id}`);\n  }, [labelOrder, dataWithId]);\n\n  const x = scaleLinear().domain([0, maxValue]).range([0, graphWidth]).nice();\n  const y = scaleBand()\n    .domain(barOrder)\n    .range([\n      0,\n      minBarThickness\n        ? Math.max(graphHeight, minBarThickness * barOrder.length)\n        : maxBarThickness\n          ? Math.min(graphHeight, maxBarThickness * barOrder.length)\n          : graphHeight,\n    ])\n    .paddingInner(barPadding);\n  const xTicks = x.ticks(noOfTicks);\n\n  return (\n    <>\n      <motion.svg\n        ref={svgRef}\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          {showTicks ? (\n            <XTicksAndGridLines\n              values={xTicks.filter((d) => d !== 0)}\n              x={xTicks.filter((d) => d !== 0).map((d) => x(d))}\n              y1={0 - topMargin}\n              y2={graphHeight + margin.bottom}\n              styles={{\n                gridLines: styles?.xAxis?.gridLines,\n                labels: styles?.xAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.xAxis?.gridLines,\n                labels: classNames?.xAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          ) : null}\n          <AxisTitle\n            x={graphWidth / 2}\n            y={0 - margin.top + 15}\n            style={styles?.xAxis?.title}\n            className={classNames?.xAxis?.title}\n            text={barAxisTitle}\n          />\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <AnimatePresence>\n            {dataWithId.map((d) =>\n              !checkIfNullOrUndefined(y(d.id)) ? (\n                <motion.g\n                  className='undp-viz-low-opacity undp-viz-g-with-hover'\n                  key={d.label}\n                  variants={{\n                    initial: { x: 0, y: y(`${d.id}`) },\n                    whileInView: {\n                      x: 0,\n                      y: y(`${d.id}`),\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                >\n                  {d.size.map((el, j) => (\n                    <motion.g\n                      key={`${d.label}-${colorDomain[j] || j}`}\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 1}\n                      onMouseEnter={(event) => {\n                        setMouseOverData({ ...d, sizeIndex: j });\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\n                      }}\n                      onMouseMove={(event) => {\n                        setMouseOverData({ ...d, sizeIndex: j });\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                      }}\n                      onMouseLeave={() => {\n                        setMouseOverData(undefined);\n                        setEventX(undefined);\n                        setEventY(undefined);\n                        onSeriesMouseOver?.(undefined);\n                      }}\n                      onClick={() => {\n                        if (onSeriesMouseClick || detailsOnClick) {\n                          if (\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\n                            resetSelectionOnDoubleClick\n                          ) {\n                            setMouseClickData(undefined);\n                            onSeriesMouseClick?.(undefined);\n                          } else {\n                            setMouseClickData({ ...d, sizeIndex: j });\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\n                          }\n                        }\n                      }}\n                    >\n                      {el ? (\n                        <motion.rect\n                          // biome-ignore lint/suspicious/noArrayIndexKey: index is the identifier here\n                          key={j}\n                          y={0}\n                          style={{ fill: barColors[j] }}\n                          height={y.bandwidth()}\n                          exit={{\n                            width: 0,\n                            x: x(0),\n                            transition: { duration: animate.duration },\n                          }}\n                          variants={{\n                            initial: {\n                              width: 0,\n                              x: x(0),\n                              fill: barColors[j],\n                            },\n                            whileInView: {\n                              width: x(el || 0),\n                              x: x(\n                                j === 0 ? 0 : sum(d.size.filter((element, k) => k < j && element)),\n                              ),\n                              fill: barColors[j],\n                              transition: { duration: animate.duration },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        />\n                      ) : null}\n                      {showValues ? (\n                        <motion.text\n                          y={y.bandwidth() / 2}\n                          style={{\n                            textAnchor: 'middle',\n                            ...(styles?.graphObjectValues || {}),\n                          }}\n                          dy='0.33em'\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\n                          exit={{\n                            opacity: 0,\n                            transition: { duration: animate.duration },\n                          }}\n                          variants={{\n                            initial: {\n                              x: x(0),\n                              opacity: 0,\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\n                            },\n                            whileInView: {\n                              x:\n                                x(\n                                  j === 0\n                                    ? 0\n                                    : sum(d.size.filter((element, k) => k < j && element)),\n                                ) +\n                                x(el || 0) / 2,\n                              opacity:\n                                el &&\n                                x(el) /\n                                  numberFormattingFunction(\n                                    el,\n                                    naLabel,\n                                    precision,\n                                    prefix,\n                                    suffix,\n                                    locale,\n                                    padZeros,\n                                  ).length >\n                                  12\n                                  ? 1\n                                  : 0,\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\n                              transition: { duration: animate.duration },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                        >\n                          {numberFormattingFunction(\n                            el,\n                            naLabel,\n                            precision,\n                            prefix,\n                            suffix,\n                            locale,\n                            padZeros,\n                          )}\n                        </motion.text>\n                      ) : null}\n                    </motion.g>\n                  ))}\n                  {showLabels ? (\n                    <YAxesLabels\n                      value={\n                        `${d.label}`.length < truncateBy\n                          ? `${d.label}`\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\n                      }\n                      y={0}\n                      x={0 - margin.left}\n                      width={0 + margin.left}\n                      height={y.bandwidth()}\n                      style={styles?.yAxis?.labels}\n                      className={classNames?.yAxis?.labels}\n                      animate={animate}\n                      isInView={isInView}\n                    />\n                  ) : null}\n                  {showValues ? (\n                    <motion.text\n                      className={cn(\n                        'graph-value graph-value-total text-sm',\n                        !valueColor ? ' fill-primary-gray-700 dark:fill-primary-gray-300' : '',\n                        classNames?.graphObjectValues,\n                      )}\n                      style={{\n                        ...(valueColor ? { fill: valueColor } : {}),\n                        textAnchor: 'start',\n                        ...(styles?.graphObjectValues || {}),\n                      }}\n                      y={y.bandwidth() / 2}\n                      dx={5}\n                      dy='0.33em'\n                      variants={{\n                        initial: {\n                          x: x(0),\n                          opacity: 0,\n                          ...(valueColor ? { fill: valueColor } : {}),\n                        },\n                        whileInView: {\n                          x: x(sum(d.size.map((el) => el || 0))),\n                          opacity: 1,\n                          ...(valueColor ? { fill: valueColor } : {}),\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      exit={{\n                        opacity: 0,\n                        transition: { duration: animate.duration },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                    >\n                      {numberFormattingFunction(\n                        sum(d.size.filter((element) => element)),\n                        naLabel,\n                        precision,\n                        prefix,\n                        suffix,\n                        locale,\n                        padZeros,\n                      )}\n                    </motion.text>\n                  ) : null}\n                </motion.g>\n              ) : null,\n            )}\n            <Axis\n              hideAxisLine={hideAxisLine}\n              x1={x(0)}\n              x2={x(0)}\n              y1={-2.5}\n              y2={graphHeight + margin.bottom}\n              classNames={{ axis: classNames?.yAxis?.axis }}\n              styles={{ axis: styles?.yAxis?.axis }}\n            />\n            {refValues?.map((el) => (\n              <RefLineX\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                x={x(el.value as number)}\n                y1={0 - margin.top}\n                y2={graphHeight + margin.bottom}\n                textSide={x(el.value as number) > graphWidth * 0.75 || rtl ? 'left' : 'right'}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n          </AnimatePresence>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n\nexport function VerticalGraph(props: Props) {\n  const {\n    data,\n    leftMargin = 20,\n    rightMargin = 20,\n    topMargin = 20,\n    bottomMargin = 25,\n    width,\n    height,\n    barColors,\n    barPadding,\n    showLabels,\n    showTicks,\n    truncateBy,\n    tooltip,\n    onSeriesMouseOver,\n    suffix,\n    prefix,\n    showValues,\n    refValues,\n    maxValue,\n    onSeriesMouseClick,\n    selectedColor,\n    labelOrder,\n    maxBarThickness,\n    minBarThickness,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    barAxisTitle,\n    valueColor,\n    noOfTicks,\n    styles,\n    classNames,\n    animate,\n    colorDomain,\n    precision,\n    customLayers,\n    naLabel,\n    hideAxisLine,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  const isInView = useInView(svgRef, {\n    once: animate.once,\n    amount: animate.amount,\n  });\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: barAxisTitle ? leftMargin + 30 : leftMargin,\n    right: rightMargin,\n  };\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n\n  const dataWithId = useMemo(() => {\n    const idSet = new Set<string>();\n\n    const dataWithIdWithoutMissingIds = data.map((d, i) => {\n      const id = labelOrder ? `${d.label}` : `${i}`;\n      idSet.add(id);\n      return { ...d, id };\n    });\n\n    const missingIds = labelOrder ? labelOrder.filter((id) => !idSet.has(id)) : [];\n\n    return [\n      ...dataWithIdWithoutMissingIds,\n      ...missingIds.map((id) => ({\n        id,\n        label: id,\n        size: Array(data[0].size.length).fill(null),\n      })),\n    ];\n  }, [data, labelOrder]);\n\n  const barOrder = useMemo(() => {\n    return labelOrder ?? dataWithId.map((d) => `${d.id}`);\n  }, [labelOrder, dataWithId]);\n\n  const y = scaleLinear().domain([0, maxValue]).range([graphHeight, 0]).nice();\n\n  const x = scaleBand()\n    .domain(barOrder)\n    .range([\n      0,\n      minBarThickness\n        ? Math.max(graphWidth, minBarThickness * barOrder.length)\n        : maxBarThickness\n          ? Math.min(graphWidth, maxBarThickness * barOrder.length)\n          : graphWidth,\n    ])\n    .paddingInner(barPadding);\n  const yTicks = y.ticks(noOfTicks);\n  return (\n    <>\n      <motion.svg\n        width={`${width}px`}\n        height={`${height}px`}\n        viewBox={`0 0 ${width} ${height}`}\n        direction='ltr'\n        ref={svgRef}\n      >\n        <g transform={`translate(${margin.left},${margin.top})`}>\n          <Axis\n            hideAxisLine={hideAxisLine}\n            y1={y(0)}\n            y2={y(0)}\n            x1={0 - leftMargin}\n            x2={graphWidth + margin.right}\n            label={\n              showTicks\n                ? numberFormattingFunction(0, naLabel, precision, prefix, suffix, locale, padZeros)\n                : undefined\n            }\n            labelPos={{\n              x: 0 - leftMargin,\n              y: y(0),\n              dx: 0,\n              dy: -5,\n            }}\n            classNames={{\n              axis: classNames?.xAxis?.axis,\n              label: classNames?.yAxis?.labels,\n            }}\n            styles={{ axis: styles?.xAxis?.axis, label: styles?.yAxis?.labels }}\n          />\n          {showTicks ? (\n            <YTicksAndGridLines\n              values={yTicks.filter((d) => d !== 0)}\n              y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n              x1={0 - leftMargin}\n              x2={graphWidth + margin.right}\n              styles={{\n                gridLines: styles?.yAxis?.gridLines,\n                labels: styles?.yAxis?.labels,\n              }}\n              classNames={{\n                gridLines: classNames?.yAxis?.gridLines,\n                labels: classNames?.yAxis?.labels,\n              }}\n              suffix={suffix}\n              prefix={prefix}\n              labelType='secondary'\n              showGridLines\n              labelPos='vertical'\n              precision={precision}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          ) : null}\n          <AxisTitle\n            x={0 - leftMargin - 15}\n            y={graphHeight / 2}\n            style={styles?.yAxis?.title}\n            className={classNames?.yAxis?.title}\n            text={barAxisTitle}\n            rotate90\n          />\n          {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n          <AnimatePresence>\n            {dataWithId.map((d) =>\n              !checkIfNullOrUndefined(x(d.id)) ? (\n                <motion.g\n                  className='undp-viz-low-opacity undp-viz-g-with-hover'\n                  key={d.label}\n                  variants={{\n                    initial: { x: x(`${d.id}`), y: 0 },\n                    whileInView: {\n                      x: x(`${d.id}`),\n                      y: 0,\n                      transition: { duration: animate.duration },\n                    },\n                  }}\n                  transition={{ duration: animate.duration }}\n                  initial='initial'\n                  animate={isInView ? 'whileInView' : 'initial'}\n                  exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                >\n                  {d.size.map((el, j) => (\n                    <motion.g\n                      key={`${d.label}-${colorDomain[j] || j}`}\n                      opacity={selectedColor ? (barColors[j] === selectedColor ? 1 : 0.3) : 1}\n                      onMouseEnter={(event) => {\n                        setMouseOverData({ ...d, sizeIndex: j });\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                        onSeriesMouseOver?.({ ...d, sizeIndex: j });\n                      }}\n                      onMouseMove={(event) => {\n                        setMouseOverData({ ...d, sizeIndex: j });\n                        setEventY(event.clientY);\n                        setEventX(event.clientX);\n                      }}\n                      onMouseLeave={() => {\n                        setMouseOverData(undefined);\n                        setEventX(undefined);\n                        setEventY(undefined);\n                        onSeriesMouseOver?.(undefined);\n                      }}\n                      onClick={() => {\n                        if (onSeriesMouseClick || detailsOnClick) {\n                          if (\n                            isEqual(mouseClickData, { ...d, sizeIndex: j }) &&\n                            resetSelectionOnDoubleClick\n                          ) {\n                            setMouseClickData(undefined);\n                            onSeriesMouseClick?.(undefined);\n                          } else {\n                            setMouseClickData({ ...d, sizeIndex: j });\n                            if (onSeriesMouseClick) onSeriesMouseClick({ ...d, sizeIndex: j });\n                          }\n                        }\n                      }}\n                    >\n                      <motion.rect\n                        x={0}\n                        width={x.bandwidth()}\n                        variants={{\n                          initial: {\n                            height: 0,\n                            fill: barColors[j],\n                            y: y(0),\n                          },\n                          whileInView: {\n                            height: Math.abs(\n                              y(sum(d.size.filter((element, k) => k <= j && element))) -\n                                y(sum(d.size.filter((element, k) => k < j && element))),\n                            ),\n                            y: y(sum(d.size.filter((element, k) => k <= j && element))),\n                            fill: barColors[j],\n                            transition: { duration: animate.duration },\n                          },\n                        }}\n                        initial='initial'\n                        animate={isInView ? 'whileInView' : 'initial'}\n                        exit={{\n                          height: 0,\n                          y: y(0),\n                          transition: { duration: animate.duration },\n                        }}\n                      />\n                      {showValues ? (\n                        <motion.text\n                          x={x.bandwidth() / 2}\n                          style={{\n                            textAnchor: 'middle',\n                            ...(styles?.graphObjectValues || {}),\n                          }}\n                          className={cn('graph-value text-sm', classNames?.graphObjectValues)}\n                          dy='0.33em'\n                          variants={{\n                            initial: {\n                              y: y(0),\n                              opacity: 0,\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\n                            },\n                            whileInView: {\n                              y:\n                                y(sum(d.size.filter((element, k) => k <= j && element))) +\n                                Math.abs(\n                                  y(sum(d.size.filter((element, k) => k <= j && element))) -\n                                    y(sum(d.size.filter((element, k) => k < j && element))),\n                                ) /\n                                  2,\n                              opacity:\n                                el &&\n                                Math.abs(\n                                  y(sum(d.size.filter((element, k) => k <= j && element))) -\n                                    y(sum(d.size.filter((element, k) => k < j && element))),\n                                ) > 20\n                                  ? 1\n                                  : 0,\n                              fill: getTextColorBasedOnBgColor(barColors[j]),\n                              transition: { duration: animate.duration },\n                            },\n                          }}\n                          initial='initial'\n                          animate={isInView ? 'whileInView' : 'initial'}\n                          exit={{ opacity: 0, transition: { duration: animate.duration } }}\n                        >\n                          {numberFormattingFunction(\n                            el,\n                            naLabel,\n                            precision,\n                            prefix,\n                            suffix,\n                            locale,\n                            padZeros,\n                          )}\n                        </motion.text>\n                      ) : null}\n                    </motion.g>\n                  ))}\n                  {showLabels ? (\n                    <XAxesLabels\n                      value={\n                        `${d.label}`.length < truncateBy\n                          ? `${d.label}`\n                          : `${`${d.label}`.substring(0, truncateBy)}...`\n                      }\n                      y={y(0) + 5}\n                      x={0}\n                      width={x.bandwidth()}\n                      height={margin.bottom}\n                      style={styles?.xAxis?.labels}\n                      className={classNames?.xAxis?.labels}\n                      alignment='top'\n                      animate={animate}\n                      isInView={isInView}\n                    />\n                  ) : null}\n                  {showValues ? (\n                    <motion.text\n                      style={{\n                        textAnchor: 'middle',\n                        ...(styles?.graphObjectValues || {}),\n                      }}\n                      x={x.bandwidth() / 2}\n                      dy={-10}\n                      className={cn(\n                        'graph-value graph-value-total',\n                        !valueColor\n                          ? 'fill-primary-gray-700 dark:fill-primary-gray-300 text-sm'\n                          : 'text-sm',\n                        classNames?.graphObjectValues,\n                      )}\n                      variants={{\n                        initial: {\n                          y: y(0),\n                          opacity: 0,\n                          ...(valueColor && { fill: valueColor }),\n                        },\n                        whileInView: {\n                          y: y(sum(d.size.map((el) => el || 0))),\n                          opacity: 1,\n                          ...(valueColor && { fill: valueColor }),\n                          transition: { duration: animate.duration },\n                        },\n                      }}\n                      exit={{\n                        opacity: 0,\n                        transition: { duration: animate.duration },\n                      }}\n                      initial='initial'\n                      animate={isInView ? 'whileInView' : 'initial'}\n                    >\n                      {numberFormattingFunction(\n                        sum(d.size.filter((element) => element)),\n                        naLabel,\n                        precision,\n                        prefix,\n                        suffix,\n                        locale,\n                        padZeros,\n                      )}\n                    </motion.text>\n                  ) : null}\n                </motion.g>\n              ) : null,\n            )}\n            {refValues?.map((el) => (\n              <RefLineY\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                y={y(el.value as number)}\n                x1={0 - leftMargin}\n                x2={graphWidth + margin.right}\n                classNames={el.classNames}\n                styles={el.styles}\n                animate={animate}\n                isInView={isInView}\n              />\n            ))}\n          </AnimatePresence>\n          {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n        </g>\n      </motion.svg>\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { SliderUI } from '@undp/design-system-react/SliderUI';\nimport { format } from 'date-fns/format';\nimport { parse } from 'date-fns/parse';\nimport orderBy from 'lodash.orderby';\nimport sum from 'lodash.sum';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport { Pause, Play } from '@/Components/Icons';\nimport type {\n  AnimateDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  GroupedBarGraphDataType,\n  Languages,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n  TimelineDataType,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { ensureCompleteDataForStackedBarChart } from '@/Utils/ensureCompleteData';\nimport { getSliderMarks } from '@/Utils/getSliderMarks';\nimport { HorizontalGraph, VerticalGraph } from './Graph';\n\ninterface Props {\n  data: GroupedBarGraphDataType[];\n  colors?: string[];\n  labelOrder?: string[];\n  graphTitle?: string | React.ReactNode;\n  graphDescription?: string | React.ReactNode;\n  footNote?: string | React.ReactNode;\n  width?: number;\n  height?: number;\n  sources?: SourcesDataType[];\n  barPadding?: number;\n  showTicks?: boolean;\n  leftMargin?: number;\n  rightMargin?: number;\n  truncateBy?: number;\n  colorDomain: string[];\n  colorLegendTitle?: string;\n  backgroundColor?: string | boolean;\n  padding?: string;\n  topMargin?: number;\n  bottomMargin?: number;\n  suffix?: string;\n  prefix?: string;\n  showValues?: boolean;\n  showLabels?: boolean;\n  relativeHeight?: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refValues?: ReferenceDataType[];\n  graphID?: string;\n  maxValue?: number;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  graphDownload?: boolean;\n  dataDownload?: boolean;\n  language?: Languages;\n  minHeight?: number;\n  theme?: 'light' | 'dark';\n  maxBarThickness?: number;\n  sortParameter?: number | 'total';\n  sortData?: 'asc' | 'desc';\n  maxNumberOfBars?: number;\n  minBarThickness?: number;\n  ariaLabel?: string;\n  resetSelectionOnDoubleClick?: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  barAxisTitle?: string;\n  noOfTicks?: number;\n  valueColor?: string;\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  filterNA?: boolean;\n  animate?: boolean | AnimateDataType;\n  precision?: number;\n  locale?: string;\n  showColorScale?: boolean;\n  customLayers?: CustomLayerDataType[];\n  timeline?: TimelineDataType;\n  naLabel?: string;\n  orientation?: 'horizontal' | 'vertical';\n  hideAxisLine?: boolean;\n  padZeros?: boolean;\n}\n\nexport function StackedBarGraphEl(props: Props) {\n  const {\n    data,\n    graphTitle,\n    colors = Colors.light.categoricalColors.colors,\n    sources,\n    graphDescription,\n    barPadding = 0.25,\n    showTicks = true,\n    truncateBy = 999,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    colorLegendTitle,\n    padding,\n    backgroundColor = false,\n    topMargin,\n    bottomMargin,\n    leftMargin,\n    rightMargin,\n    tooltip,\n    onSeriesMouseOver,\n    suffix = '',\n    prefix = '',\n    showLabels = true,\n    relativeHeight,\n    showValues = true,\n    refValues,\n    graphID,\n    maxValue,\n    onSeriesMouseClick,\n    graphDownload = false,\n    dataDownload = false,\n    language = 'en',\n    labelOrder,\n    minHeight = 0,\n    theme = 'light',\n    maxBarThickness,\n    sortParameter,\n    maxNumberOfBars,\n    minBarThickness,\n    showColorScale = true,\n    ariaLabel,\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    barAxisTitle,\n    noOfTicks = 5,\n    valueColor,\n    styles,\n    classNames,\n    filterNA = true,\n    animate = false,\n    precision = 2,\n    locale = 'en',\n    customLayers = [],\n    timeline = { enabled: false, autoplay: false, showOnlyActiveDate: true },\n    naLabel = 'NA',\n    sortData,\n    orientation = 'vertical',\n    hideAxisLine = false,\n    padZeros = false,\n  } = props;\n\n  const Comp = orientation === 'horizontal' ? HorizontalGraph : VerticalGraph;\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [play, setPlay] = useState(timeline.autoplay);\n  const uniqDatesSorted = useMemo(() => {\n    const dates = [\n      ...new Set(\n        data\n          .filter((d) => d.date)\n          .map((d) => parse(`${d.date}`, timeline.dateFormat || 'yyyy', new Date()).getTime()),\n      ),\n    ];\n    dates.sort((a, b) => a - b);\n    return dates;\n  }, [data, timeline.dateFormat]);\n  const [index, setIndex] = useState(timeline.autoplay ? 0 : uniqDatesSorted.length - 1);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n\n  useEffect(() => {\n    const interval = setInterval(\n      () => {\n        setIndex((i) => (i < uniqDatesSorted.length - 1 ? i + 1 : 0));\n      },\n      (timeline.speed || 2) * 1000,\n    );\n    if (!play) clearInterval(interval);\n    return () => clearInterval(interval);\n  }, [uniqDatesSorted, play, timeline.speed]);\n\n  const markObj = getSliderMarks(\n    uniqDatesSorted,\n    index,\n    timeline.showOnlyActiveDate,\n    timeline.dateFormat || 'yyyy',\n  );\n\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {timeline.enabled && uniqDatesSorted.length > 0 && markObj ? (\n        <div className='flex gap-6 items-center' dir='ltr'>\n          <button\n            type='button'\n            onClick={() => {\n              setPlay(!play);\n            }}\n            className='p-0 border-0 cursor-pointer bg-transparent'\n            aria-label={play ? 'Click to pause animation' : 'Click to play animation'}\n          >\n            {play ? <Pause /> : <Play />}\n          </button>\n          <SliderUI\n            min={uniqDatesSorted[0]}\n            max={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            marks={markObj}\n            step={null}\n            defaultValue={uniqDatesSorted[uniqDatesSorted.length - 1]}\n            value={uniqDatesSorted[index]}\n            onChangeComplete={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            onChange={(nextValue) => {\n              setIndex(uniqDatesSorted.indexOf(nextValue as number));\n            }}\n            aria-label='Time slider. Use arrow keys to adjust selected time period.'\n          />\n        </div>\n      ) : null}\n      <div className='grow flex flex-col justify-center gap-3 w-full'>\n        {showColorScale && data.length > 0 ? (\n          <ColorLegendWithMouseOver\n            width={width}\n            colorDomain={colorDomain}\n            colors={colors}\n            colorLegendTitle={colorLegendTitle}\n            setSelectedColor={setSelectedColor}\n            showNAColor={false}\n            className={classNames?.colorLegend}\n          />\n        ) : null}\n        <GraphArea ref={graphDiv}>\n          {data.length === 0 && <EmptyState />}\n          {svgWidth && svgHeight && data.length > 0 ? (\n            <Comp\n              hideAxisLine={hideAxisLine}\n              data={\n                sortParameter !== undefined\n                  ? sortParameter === 'total'\n                    ? orderBy(\n                        ensureCompleteDataForStackedBarChart(data, timeline.dateFormat || 'yyyy')\n                          .filter((d) =>\n                            timeline.enabled\n                              ? `${d.date}` ===\n                                format(\n                                  new Date(uniqDatesSorted[index]),\n                                  timeline.dateFormat || 'yyyy',\n                                )\n                              : d,\n                          )\n                          .filter((d) => (filterNA ? !d.size.every((item) => item == null) : d)),\n                        (d) => sum(d.size.filter((el) => !checkIfNullOrUndefined(el))),\n                        [sortData || 'asc'],\n                      ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\n                    : orderBy(\n                        ensureCompleteDataForStackedBarChart(data, timeline.dateFormat || 'yyyy')\n                          .filter((d) =>\n                            timeline.enabled\n                              ? `${d.date}` ===\n                                format(\n                                  new Date(uniqDatesSorted[index]),\n                                  timeline.dateFormat || 'yyyy',\n                                )\n                              : d,\n                          )\n                          .filter((d) => (filterNA ? !d.size.every((item) => item == null) : d)),\n                        (d) =>\n                          checkIfNullOrUndefined(d.size[sortParameter])\n                            ? -Infinity\n                            : d.size[sortParameter],\n                        [sortData || 'asc'],\n                      ).filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\n                  : ensureCompleteDataForStackedBarChart(data, timeline.dateFormat || 'yyyy')\n                      .filter((d) =>\n                        timeline.enabled\n                          ? `${d.date}` ===\n                            format(new Date(uniqDatesSorted[index]), timeline.dateFormat || 'yyyy')\n                          : d,\n                      )\n                      .filter((d) => (filterNA ? !d.size.every((item) => item == null) : d))\n                      .filter((_d, i) => (maxNumberOfBars ? i < maxNumberOfBars : true))\n              }\n              barColors={colors}\n              width={svgWidth}\n              height={svgHeight}\n              barPadding={barPadding}\n              showTicks={showTicks}\n              leftMargin={leftMargin}\n              rightMargin={rightMargin}\n              topMargin={topMargin}\n              bottomMargin={bottomMargin}\n              truncateBy={truncateBy}\n              showLabels={showLabels}\n              tooltip={tooltip}\n              onSeriesMouseOver={onSeriesMouseOver}\n              showValues={showValues}\n              suffix={suffix}\n              prefix={prefix}\n              refValues={refValues}\n              maxValue={\n                !checkIfNullOrUndefined(maxValue)\n                  ? (maxValue as number)\n                  : Math.max(\n                      ...data.map(\n                        (d) => sum(d.size.filter((l) => !checkIfNullOrUndefined(l))) || 0,\n                      ),\n                    )\n              }\n              onSeriesMouseClick={onSeriesMouseClick}\n              selectedColor={selectedColor}\n              rtl={language === 'he' || language === 'ar'}\n              labelOrder={labelOrder}\n              maxBarThickness={maxBarThickness}\n              minBarThickness={minBarThickness}\n              resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n              detailsOnClick={detailsOnClick}\n              barAxisTitle={barAxisTitle}\n              noOfTicks={noOfTicks}\n              valueColor={valueColor}\n              classNames={classNames}\n              styles={styles}\n              animate={\n                animate === true\n                  ? { duration: 0.5, once: true, amount: 0.5 }\n                  : animate || { duration: 0, once: true, amount: 0 }\n              }\n              colorDomain={colorDomain}\n              precision={precision}\n              customLayers={customLayers}\n              naLabel={naLabel}\n              locale={locale}\n              padZeros={padZeros}\n            />\n          ) : null}\n        </GraphArea>\n      </div>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n","import type {\n  AnimateDataType,\n  BarGraphDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  GroupedBarGraphDataType,\n  Languages,\n  NumberFormatOptions,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n  TimelineDataType,\n} from '@/Types';\nimport { GroupedBarGraphEl } from './GroupedBarGraph';\nimport { SimpleBarGraphEl } from './SimpleBarGraph';\nimport { StackedBarGraphEl } from './StackedBarGraph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: BarGraphDataType[];\n\n  /** Orientation of the graph */\n  orientation?: 'vertical' | 'horizontal';\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for bars */\n  colors?: string | string[];\n  /** Domain of colors for the graph */\n  colorDomain?: string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Color of value labels */\n  valueColor?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n  /** Padding between bars */\n  barPadding?: number;\n  /** Maximum thickness of bars */\n  maxBarThickness?: number;\n  /** Minimum thickness of bars */\n  minBarThickness?: number;\n  /** Maximum number of bars shown in the graph */\n  maxNumberOfBars?: number;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Minimum value for the chart */\n  minValue?: number;\n  /** Truncate labels by specified length */\n  truncateBy?: number;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n  /** Number of ticks on the axis */\n  noOfTicks?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Toggle visibility of values */\n  showValues?: boolean;\n  /** Custom order for labels */\n  labelOrder?: string[];\n  /** Defines how “NA” values should be displayed/labelled in the graph */\n  naLabel?: string;\n  /** Toggle visibility of axis ticks */\n  showTicks?: boolean;\n  /** Toggle visibility of axis line for the  main axis */\n  hideAxisLine?: boolean;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\n  showNAColor?: boolean;\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedDataPoints?: (string | number)[];\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Title for the bar axis */\n  barAxisTitle?: string;\n  /** Sorting order for data. This is overwritten by labelOrder prop. */\n  sortData?: 'asc' | 'desc';\n  /** Track color (i.e. the color of the bars background) of the bar chart */\n  trackColor?: string;\n  /** Toggles if data point which are undefined or has value null are filtered out.  */\n  filterNA?: boolean;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\n  timeline?: TimelineDataType;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function SimpleBarGraph(props: Props) {\n  const {\n    data,\n    graphTitle,\n    colors,\n    barPadding,\n    showTicks,\n    leftMargin,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    truncateBy,\n    showLabels,\n    showValues,\n    backgroundColor,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    colorLegendTitle,\n    padding,\n    relativeHeight,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    showColorScale,\n    graphID,\n    maxValue,\n    minValue,\n    highlightedDataPoints,\n    onSeriesMouseClick,\n    graphDownload,\n    dataDownload,\n    language,\n    theme,\n    sortData,\n    labelOrder,\n    showNAColor,\n    minHeight,\n    maxBarThickness,\n    maxNumberOfBars,\n    minBarThickness,\n    ariaLabel,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    barAxisTitle,\n    noOfTicks,\n    valueColor,\n    orientation = 'vertical',\n    styles,\n    classNames,\n    filterNA,\n    animate,\n    dimmedOpacity,\n    customLayers,\n    timeline,\n    naLabel,\n    trackColor,\n    hideAxisLine = false,\n    numberDisplayOptions,\n  } = props;\n  return (\n    <SimpleBarGraphEl\n      data={data}\n      graphTitle={graphTitle}\n      colors={colors}\n      barPadding={barPadding}\n      showTicks={showTicks}\n      leftMargin={leftMargin}\n      rightMargin={rightMargin}\n      topMargin={topMargin}\n      bottomMargin={bottomMargin}\n      truncateBy={truncateBy}\n      showLabels={showLabels}\n      showValues={showValues}\n      backgroundColor={backgroundColor}\n      suffix={numberDisplayOptions?.suffix}\n      prefix={numberDisplayOptions?.prefix}\n      sources={sources}\n      graphDescription={graphDescription}\n      height={height}\n      width={width}\n      footNote={footNote}\n      colorDomain={colorDomain}\n      colorLegendTitle={colorLegendTitle}\n      padding={padding}\n      relativeHeight={relativeHeight}\n      tooltip={tooltip}\n      onSeriesMouseOver={onSeriesMouseOver}\n      refValues={refValues}\n      showColorScale={showColorScale}\n      graphID={graphID}\n      maxValue={maxValue}\n      minValue={minValue}\n      highlightedDataPoints={highlightedDataPoints}\n      onSeriesMouseClick={onSeriesMouseClick}\n      graphDownload={graphDownload}\n      dataDownload={dataDownload}\n      language={language}\n      theme={theme}\n      sortData={sortData}\n      labelOrder={labelOrder}\n      showNAColor={showNAColor}\n      minHeight={minHeight}\n      maxBarThickness={maxBarThickness}\n      maxNumberOfBars={maxNumberOfBars}\n      minBarThickness={minBarThickness}\n      ariaLabel={ariaLabel}\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n      styles={styles}\n      detailsOnClick={detailsOnClick}\n      barAxisTitle={barAxisTitle}\n      noOfTicks={noOfTicks}\n      valueColor={valueColor}\n      classNames={classNames}\n      filterNA={filterNA}\n      animate={animate}\n      dimmedOpacity={dimmedOpacity}\n      precision={numberDisplayOptions?.precision}\n      customLayers={customLayers}\n      timeline={timeline}\n      naLabel={naLabel}\n      orientation={orientation}\n      trackColor={trackColor}\n      hideAxisLine={hideAxisLine}\n      locale={numberDisplayOptions?.locale}\n      padZeros={numberDisplayOptions?.padZeros}\n    />\n  );\n}\n\ninterface GroupedBarChartProps {\n  // Data\n  /** Array of data objects */\n  data: GroupedBarGraphDataType[];\n\n  /** Orientation of the graph */\n  orientation?: 'vertical' | 'horizontal';\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Array of colors for different bars in the group */\n  colors?: string[];\n  /** Domain of colors for the graph */\n  colorDomain: string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Color of value labels */\n  valueColor?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n  /** Padding between bars */\n  barPadding?: number;\n  /** Maximum thickness of bars */\n  maxBarThickness?: number;\n\n  // Values and Tick\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Minimum value for the chart */\n  minValue?: number;\n  /** Truncate labels by specified length */\n  truncateBy?: number;\n  /** Toggles if data points which have all the values as undefined or null are filtered out.  */\n  filterNA?: boolean;\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. */\n  sortParameter?: number | 'total';\n  /** Sorting order for data. This is overwritten by labelOrder prop. */\n  sortData?: 'asc' | 'desc';\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n  /** Number of ticks on the axis */\n  noOfTicks?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Toggle visibility of values */\n  showValues?: boolean;\n  /** Custom order for labels */\n  labelOrder?: string[];\n  /** Toggle visibility of axis ticks */\n  showTicks?: boolean;\n  /** Toggle visibility of axis line for the  main axis */\n  hideAxisLine?: boolean;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Title for the bar axis */\n  barAxisTitle?: string;\n  /** Defines how “NA” values should be displayed/labelled in the graph */\n  naLabel?: string;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\n  timeline?: TimelineDataType;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function GroupedBarGraph(props: GroupedBarChartProps) {\n  const {\n    data,\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    barPadding,\n    showTicks,\n    truncateBy,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    colorLegendTitle,\n    showValues,\n    padding,\n    backgroundColor,\n    leftMargin,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    showLabels,\n    relativeHeight,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    graphID,\n    maxValue,\n    minValue,\n    onSeriesMouseClick,\n    graphDownload,\n    dataDownload,\n    language,\n    labelOrder,\n    minHeight,\n    theme,\n    sortParameter,\n    sortData,\n    maxBarThickness,\n    ariaLabel,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    barAxisTitle,\n    noOfTicks,\n    valueColor,\n    orientation = 'vertical',\n    styles,\n    classNames,\n    filterNA,\n    animate,\n    customLayers,\n    showColorScale,\n    timeline,\n    naLabel,\n    hideAxisLine = false,\n    numberDisplayOptions,\n  } = props;\n\n  return (\n    <GroupedBarGraphEl\n      orientation={orientation}\n      data={data}\n      graphTitle={graphTitle}\n      colors={colors}\n      sources={sources}\n      graphDescription={graphDescription}\n      barPadding={barPadding}\n      showTicks={showTicks}\n      truncateBy={truncateBy}\n      height={height}\n      width={width}\n      footNote={footNote}\n      colorDomain={colorDomain}\n      colorLegendTitle={colorLegendTitle}\n      suffix={numberDisplayOptions?.suffix}\n      prefix={numberDisplayOptions?.prefix}\n      showValues={showValues}\n      padding={padding}\n      backgroundColor={backgroundColor}\n      leftMargin={leftMargin}\n      rightMargin={rightMargin}\n      sortParameter={sortParameter}\n      sortData={sortData}\n      topMargin={topMargin}\n      bottomMargin={bottomMargin}\n      showLabels={showLabels}\n      relativeHeight={relativeHeight}\n      tooltip={tooltip}\n      onSeriesMouseOver={onSeriesMouseOver}\n      refValues={refValues}\n      graphID={graphID}\n      maxValue={maxValue}\n      minValue={minValue}\n      onSeriesMouseClick={onSeriesMouseClick}\n      graphDownload={graphDownload}\n      dataDownload={dataDownload}\n      language={language}\n      labelOrder={labelOrder}\n      minHeight={minHeight}\n      theme={theme}\n      maxBarThickness={maxBarThickness}\n      ariaLabel={ariaLabel}\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n      styles={styles}\n      detailsOnClick={detailsOnClick}\n      barAxisTitle={barAxisTitle}\n      noOfTicks={noOfTicks}\n      valueColor={valueColor}\n      classNames={classNames}\n      filterNA={filterNA}\n      animate={animate}\n      precision={numberDisplayOptions?.precision}\n      customLayers={customLayers}\n      showColorScale={showColorScale}\n      timeline={timeline}\n      naLabel={naLabel}\n      hideAxisLine={hideAxisLine}\n      locale={numberDisplayOptions?.locale}\n      padZeros={numberDisplayOptions?.padZeros}\n    />\n  );\n}\n\ninterface StackedBarChartProps {\n  // Data\n  /** Array of data objects */\n  data: GroupedBarGraphDataType[];\n\n  /** Orientation of the graph */\n  orientation?: 'vertical' | 'horizontal';\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Array of colors for different bars in the group */\n  colors?: string[];\n  /** Domain of colors for the graph */\n  colorDomain: string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Color of value labels */\n  valueColor?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n  /** Padding between bars */\n  barPadding?: number;\n  /** Maximum thickness of bars */\n  maxBarThickness?: number;\n  /** Minimum thickness of bars */\n  minBarThickness?: number;\n  /** Maximum number of bars shown in the graph */\n  maxNumberOfBars?: number;\n\n  // Values and Ticks\n  /** Maximum value for the chart */\n  maxValue?: number;\n  /** Minimum value for the chart */\n  truncateBy?: number;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n  /** Number of ticks on the axis */\n  noOfTicks?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Toggle visibility of values */\n  showValues?: boolean;\n  /** Custom order for labels */\n  labelOrder?: string[];\n  /** Toggle visibility of axis ticks */\n  showTicks?: boolean;\n  /** Toggle visibility of axis line for the  main axis */\n  hideAxisLine?: boolean;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Title for the bar axis */\n  barAxisTitle?: string;\n  /** Defines how “NA” values should be displayed/labelled in the graph */\n  naLabel?: string;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\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. */\n  sortParameter?: number | 'total';\n  /** Sorting order for data. This is overwritten by labelOrder prop. */\n  sortData?: 'asc' | 'desc';\n  /** Toggles if data points which have all the values as undefined or null are filtered out.  */\n  filterNA?: boolean;\n  /** Toggles if the graph animates in when loaded.  */\n  animate?: boolean | AnimateDataType;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Configures playback and slider controls for animating the chart over time. The data must have a key date for it to work properly. */\n  timeline?: TimelineDataType;\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function StackedBarGraph(props: StackedBarChartProps) {\n  const {\n    data,\n    graphTitle,\n    colors,\n    sources,\n    graphDescription,\n    barPadding,\n    showTicks,\n    leftMargin,\n    rightMargin,\n    topMargin,\n    bottomMargin,\n    truncateBy,\n    showLabels,\n    showValues,\n    backgroundColor,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    colorLegendTitle,\n    padding,\n    tooltip,\n    onSeriesMouseOver,\n    relativeHeight,\n    refValues,\n    graphID,\n    maxValue,\n    onSeriesMouseClick,\n    graphDownload,\n    dataDownload,\n    language,\n    theme,\n    labelOrder,\n    minHeight,\n    maxBarThickness,\n    sortParameter,\n    sortData,\n    maxNumberOfBars,\n    minBarThickness,\n    ariaLabel,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    barAxisTitle,\n    noOfTicks,\n    valueColor,\n    orientation = 'vertical',\n    styles,\n    classNames,\n    filterNA,\n    animate,\n    customLayers,\n    showColorScale,\n    timeline,\n    naLabel,\n    hideAxisLine = false,\n    numberDisplayOptions,\n  } = props;\n\n  return (\n    <StackedBarGraphEl\n      data={data}\n      graphTitle={graphTitle}\n      colors={colors}\n      sources={sources}\n      graphDescription={graphDescription}\n      barPadding={barPadding}\n      showTicks={showTicks}\n      leftMargin={leftMargin}\n      rightMargin={rightMargin}\n      topMargin={topMargin}\n      bottomMargin={bottomMargin}\n      truncateBy={truncateBy}\n      showLabels={showLabels}\n      showValues={showValues}\n      backgroundColor={backgroundColor}\n      suffix={numberDisplayOptions?.suffix}\n      prefix={numberDisplayOptions?.prefix}\n      height={height}\n      width={width}\n      footNote={footNote}\n      colorDomain={colorDomain}\n      colorLegendTitle={colorLegendTitle}\n      padding={padding}\n      tooltip={tooltip}\n      onSeriesMouseOver={onSeriesMouseOver}\n      relativeHeight={relativeHeight}\n      refValues={refValues}\n      graphID={graphID}\n      maxValue={maxValue}\n      onSeriesMouseClick={onSeriesMouseClick}\n      graphDownload={graphDownload}\n      dataDownload={dataDownload}\n      language={language}\n      theme={theme}\n      labelOrder={labelOrder}\n      minHeight={minHeight}\n      maxBarThickness={maxBarThickness}\n      sortParameter={sortParameter}\n      sortData={sortData}\n      maxNumberOfBars={maxNumberOfBars}\n      minBarThickness={minBarThickness}\n      ariaLabel={ariaLabel}\n      resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n      styles={styles}\n      detailsOnClick={detailsOnClick}\n      barAxisTitle={barAxisTitle}\n      noOfTicks={noOfTicks}\n      valueColor={valueColor}\n      classNames={classNames}\n      filterNA={filterNA}\n      animate={animate}\n      precision={numberDisplayOptions?.precision}\n      customLayers={customLayers}\n      showColorScale={showColorScale}\n      timeline={timeline}\n      naLabel={naLabel}\n      orientation={orientation}\n      hideAxisLine={hideAxisLine}\n      locale={numberDisplayOptions?.locale}\n      padZeros={numberDisplayOptions?.padZeros}\n    />\n  );\n}\n"],"mappings":"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AAK,KAAM,GAAM,OAAQ,EAAI,EACzC,GAAW,CAAE,SAAU,EAAG,KAAM,GAAM,OAAQ,CAAE,EAEzC,eACF,YACG,eACL,UACD,SACE,UACX,CAAA,EACC,IACK,GACR,IACJ,GAAW,IACV,EAAA,EAAA,KAAC,GAAA,YAAD,CACE,OAAQ,CAAE,SAAU,GAAQ,SAAU,OAAQ,GAAQ,MAAO,EAC7D,WAAY,CACV,SAAU,GAAY,SACtB,OAAQ,GAAY,MACtB,EACS,UACC,YACH,QACR,CAAA,EACC,IACU,GAEpB,CCzPA,SAAgB,EAAe,EAAc,CAC3C,GAAM,CACJ,OACA,aACA,SACA,cACA,aACA,aACA,cACA,aACA,eACA,aACA,aACA,cACA,mBACA,UACA,oBACA,UACA,SACA,YACA,cACA,oBACA,WACA,kBACA,WACA,qBACA,YACA,iBACA,WACA,YACA,YACA,yBACA,sBACA,iBACA,gBACA,WACA,SACA,WACA,aACA,eACA,YACA,kBACA,kBACA,kBACA,YACA,+BACA,kBACA,eACA,YACA,aACA,cAAc,WACd,SACA,aACA,WACA,UACA,gBACA,eACA,WACA,UACA,aACA,eAAe,GACf,wBACE,EACJ,OACE,EAAA,EAAA,KAAC,GAAD,CACQ,OACM,aACJ,SACI,cACD,aACC,aACC,cACF,aACG,eACF,aACA,aACA,cACK,mBACjB,OAAQ,GAAsB,OAC9B,OAAQ,GAAsB,OACrB,UACS,oBACV,UACD,SACG,YACG,cACK,oBACT,WACO,kBACP,WACU,qBACR,YACK,iBACP,WACC,YACA,YACa,yBACH,sBACL,iBACD,gBACJ,WACH,SACG,WACE,aACC,eACF,YACM,kBACA,kBACA,kBACN,YACkB,+BACrB,SACQ,kBACF,eACH,YACC,aACA,aACF,WACD,UACM,gBACf,UAAW,GAAsB,UACnB,eACJ,WACD,UACI,cACD,aACE,eACd,OAAQ,GAAsB,OAC9B,SAAU,GAAsB,QACjC,CAAA,CAEL,CAuIA,SAAgB,EAAgB,EAA6B,CAC3D,GAAM,CACJ,OACA,aACA,SACA,WACA,oBACA,aACA,YACA,cACA,SACA,QACA,WACA,eACA,oBACA,aACA,WACA,mBACA,cACA,eACA,YACA,gBACA,cACA,kBACA,WACA,qBACA,YACA,UACA,YACA,YACA,sBACA,iBACA,gBACA,YACA,cACA,YACA,SACA,gBACA,WACA,mBACA,YACA,8BACA,iBACA,eACA,aACA,cACA,eAAc,WACd,SACA,aACA,WACA,UACA,eACA,iBACA,WACA,UACA,eAAe,GACf,wBACE,EAEJ,OACE,EAAA,EAAA,KAAC,EAAD,CACe,eACP,OACM,aACJ,SACC,WACS,oBACN,aACD,YACC,cACJ,SACD,QACG,WACG,eACK,oBAClB,OAAQ,GAAsB,OAC9B,OAAQ,GAAsB,OAClB,aACH,WACQ,mBACL,cACC,eACE,gBACL,WACC,YACG,gBACF,cACI,kBACP,WACU,qBACR,YACF,UACC,YACA,YACU,sBACL,iBACD,gBACJ,YACE,cACD,YACJ,SACU,mBACN,YACkB,8BACrB,SACQ,iBACF,eACH,aACC,cACA,aACF,WACD,UACT,UAAW,GAAsB,UACnB,eACE,iBACN,WACD,UACK,eACd,OAAQ,GAAsB,OAC9B,SAAU,GAAsB,QACjC,CAAA,CAEL,CAyIA,SAAgB,EAAgB,EAA6B,CAC3D,GAAM,CACJ,OACA,aACA,SACA,WACA,oBACA,aACA,YACA,cACA,cACA,YACA,eACA,cACA,cACA,aACA,mBACA,UACA,SACA,YACA,cACA,oBACA,WACA,WACA,qBACA,kBACA,YACA,UACA,YACA,sBACA,iBACA,gBACA,YACA,SACA,cACA,YACA,mBACA,gBACA,WACA,mBACA,kBACA,YACA,8BACA,iBACA,eACA,aACA,cACA,eAAc,WACd,SACA,aACA,WACA,UACA,eACA,iBACA,WACA,UACA,eAAe,GACf,wBACE,EAEJ,OACE,EAAA,EAAA,KAAC,EAAD,CACQ,OACM,aACJ,SACC,WACS,oBACN,aACD,YACC,cACC,cACF,YACG,eACF,cACA,cACA,aACK,mBACjB,OAAQ,GAAsB,OAC9B,OAAQ,GAAsB,OACtB,UACD,SACG,YACG,cACK,oBACT,WACA,WACU,qBACH,kBACL,YACF,UACC,YACU,sBACL,iBACD,gBACJ,YACH,SACK,cACD,YACM,mBACF,gBACL,WACO,mBACA,kBACN,YACkB,8BACrB,SACQ,iBACF,eACH,aACC,cACA,aACF,WACD,UACT,UAAW,GAAsB,UACnB,eACE,iBACN,WACD,UACI,eACC,eACd,OAAQ,GAAsB,OAC9B,SAAU,GAAsB,QACjC,CAAA,CAEL"}