@undp/data-viz 1.5.9 → 2.0.0

package/dist/HeatMap.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeatMap.cjs","sources":["../src/Components/Graphs/HeatMap/Graph.tsx","../src/Components/Graphs/HeatMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand, scaleOrdinal, scaleThreshold } from 'd3-scale';\r\nimport { useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  HeatMapDataType,\r\n  ScaleDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  data: HeatMapDataType[];\r\n  colorDomain: string[] | number[];\r\n  colors: string[];\r\n  noDataColor: string;\r\n  scaleType: ScaleDataType;\r\n  showColumnLabels: boolean;\r\n  leftMargin: number;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  showRowLabels: boolean;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues?: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  precision: number;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    showColumnLabels,\r\n    leftMargin,\r\n    rightMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    colorDomain,\r\n    colors,\r\n    noDataColor,\r\n    scaleType,\r\n    showRowLabels,\r\n    selectedColor,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    precision,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [mouseOverData, setMouseOverData] = useState<HeatMapDataType | undefined>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const columns = uniqBy(data, 'column', true) as string[];\r\n  const rows = uniqBy(data, 'row', true) as string[];\r\n  const y = scaleBand().domain(rows).range([0, graphHeight]);\r\n  const barHeight = y.bandwidth();\r\n  const x = scaleBand().domain(columns).range([0, graphWidth]);\r\n  const barWidth = x.bandwidth();\r\n  const colorScale =\r\n    scaleType === 'categorical'\r\n      ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n      : scaleType === 'threshold'\r\n        ? scaleThreshold<number, string>()\r\n            .domain(colorDomain as number[])\r\n            .range(colors)\r\n        : scaleLinear<string, string>()\r\n            .domain(colorDomain as number[])\r\n            .range(colors);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        style={{ marginLeft: 'auto', marginRight: 'auto' }}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${0})`}>\r\n          {showColumnLabels\r\n            ? columns.map((d, i) => (\r\n                <XAxesLabels\r\n                  key={i}\r\n                  y={0}\r\n                  x={x(d) as number}\r\n                  width={barWidth}\r\n                  height={margin.top - 5}\r\n                  value={\r\n                    `${d}`.length < truncateBy ? `${d}` : `${`${d}`.substring(0, truncateBy)}...`\r\n                  }\r\n                  style={styles?.xAxis?.labels}\r\n                  className={classNames?.xAxis?.labels}\r\n                  alignment='bottom'\r\n                  animate={{ duration: 0, once: true, amount: 0 }}\r\n                  isInView={isInView}\r\n                />\r\n              ))\r\n            : null}\r\n        </g>\r\n        <g transform={`translate(${0},${margin.top})`}>\r\n          {showRowLabels\r\n            ? rows.map((d, i) => (\r\n                <YAxesLabels\r\n                  value={\r\n                    `${d}`.length < truncateBy ? `${d}` : `${`${d}`.substring(0, truncateBy)}...`\r\n                  }\r\n                  key={i}\r\n                  y={y(d) as number}\r\n                  x={0}\r\n                  width={margin.left}\r\n                  height={barHeight}\r\n                  alignment='right'\r\n                  style={styles?.yAxis?.labels}\r\n                  className={classNames?.yAxis?.labels}\r\n                  animate={{ duration: 0, once: true, amount: 0 }}\r\n                  isInView={isInView}\r\n                />\r\n              ))\r\n            : null}\r\n        </g>\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {rows.map((d, i) => (\r\n            <g key={i} transform={`translate(0,${y(d)})`}>\r\n              {columns.map(el => (\r\n                <rect\r\n                  key={`${d}-${el}`}\r\n                  x={x(el)}\r\n                  y={0}\r\n                  width={barWidth}\r\n                  height={barHeight}\r\n                  style={{ fill: noDataColor }}\r\n                  className='stroke-1 stroke-primary-white dark:stroke-primary-gray-700'\r\n                />\r\n              ))}\r\n            </g>\r\n          ))}\r\n          {data\r\n            .filter(d => !checkIfNullOrUndefined(d.value))\r\n            .map((d, i) => {\r\n              const color = !checkIfNullOrUndefined(d.value)\r\n                ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  colorScale(d.value as any)\r\n                : noDataColor;\r\n              return (\r\n                <g\r\n                  key={`${d.column}-${d.row}`}\r\n                  transform={`translate(${x(d.column)},${y(d.row)})`}\r\n                  onMouseEnter={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        setMouseClickData(d);\r\n                        onSeriesMouseClick?.(d);\r\n                      }\r\n                    }\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                  opacity={selectedColor ? (selectedColor === color ? 1 : 0.3) : 1}\r\n                >\r\n                  <motion.rect\r\n                    x={0}\r\n                    y={0}\r\n                    width={barWidth}\r\n                    height={barHeight}\r\n                    className='stroke-1 stroke-primary-white dark:stroke-primary-gray-700'\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    variants={{\r\n                      initial: { fill: color, opacity: 0 },\r\n                      whileInView: {\r\n                        fill: color,\r\n                        opacity: 1,\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                  />\r\n                  {showValues && !checkIfNullOrUndefined(d.value) ? (\r\n                    <motion.g\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: { opacity: 1, transition: { duration: animate.duration } },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    >\r\n                      <foreignObject key={i} y={0} x={0} width={barWidth} height={barHeight}>\r\n                        <div className='flex flex-col justify-center items-center h-inherit p-1'>\r\n                          <p\r\n                            className={cn(\r\n                              'text-xs text-center m-0 leading-[1.25] graph-value',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              color: getTextColorBasedOnBgColor(color),\r\n                              ...(styles?.graphObjectValues || {}),\r\n                            }}\r\n                          >\r\n                            {numberFormattingFunction(d.value, 'NA', precision, prefix, suffix)}\r\n                          </p>\r\n                        </div>\r\n                      </foreignObject>\r\n                    </motion.g>\r\n                  ) : null}\r\n                </g>\r\n              );\r\n            })}\r\n          {mouseOverData ? (\r\n            <rect\r\n              x={x(mouseOverData.column)}\r\n              y={y(mouseOverData.row)}\r\n              width={barWidth}\r\n              height={barHeight}\r\n              style={{\r\n                fill: 'none',\r\n                fillOpacity: 0,\r\n                strokeWidth: 1.5,\r\n              }}\r\n              className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n            />\r\n          ) : null}\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  HeatMapDataType,\r\n  Languages,\r\n  ScaleDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { LinearColorLegend } from '@/Components/Elements/LinearColorLegend';\r\nimport { ThresholdColorLegendWithMouseOver } from '@/Components/Elements/ThresholdColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: HeatMapDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Array of colors for cells */\r\n  colors?: string[];\r\n  /** Color where data is not available */\r\n  noDataColor?: string;\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Toggles the background to fill the container. This only works if the width of the graph is defined. */\r\n  fillContainer?: boolean;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels in the column */\r\n  showColumnLabels?: boolean;\r\n  /** Toggle visibility of labels in the row */\r\n  showRowLabels?: boolean;\r\n  /** Scale for the colors in the cell */\r\n  scaleType?: ScaleDataType;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Domain for the colors in the cell.  */\r\n  colorDomain: number[] | string[];\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function HeatMap(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    showColumnLabels = true,\r\n    leftMargin = 100,\r\n    rightMargin = 10,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    scaleType,\r\n    colorDomain,\r\n    footNote,\r\n    colorLegendTitle,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin = 30,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix = '',\r\n    prefix = '',\r\n    showRowLabels = true,\r\n    relativeHeight,\r\n    showValues,\r\n    graphID,\r\n    noDataColor = Colors.gray,\r\n    showColorScale = true,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    fillContainer = true,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n  const scale =\r\n    scaleType ||\r\n    (typeof colorDomain[0] === 'string'\r\n      ? 'categorical'\r\n      : colorDomain.length === 2\r\n        ? 'linear'\r\n        : 'threshold');\r\n\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex ${width ? 'grow-0' : 'grow'} ${\r\n        !fillContainer ? 'w-fit' : 'w-full'\r\n      }`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          !fillContainer ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is a heatmap. ${graphDescription ? ` ${graphDescription}` : ''}`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            <div className='grow flex flex-col justify-center gap-3 w-full'>\r\n              {data.length === 0 ? (\r\n                <EmptyState />\r\n              ) : (\r\n                <>\r\n                  {showColorScale ? (\r\n                    scale === 'categorical' ? (\r\n                      <ColorLegendWithMouseOver\r\n                        width={fillContainer ? undefined : width}\r\n                        colorLegendTitle={colorLegendTitle}\r\n                        colors={\r\n                          colors ||\r\n                          (typeof colorDomain[0] === 'string'\r\n                            ? Colors[theme].categoricalColors.colors\r\n                            : colorDomain.length === 2\r\n                              ? [\r\n                                  Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                                  Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                                ]\r\n                              : Colors[theme].sequentialColors[\r\n                                  `neutralColorsx0${\r\n                                    (colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9\r\n                                  }`\r\n                                ])\r\n                        }\r\n                        colorDomain={colorDomain.map(d => `${d}`)}\r\n                        setSelectedColor={setSelectedColor}\r\n                        showNAColor={showNAColor}\r\n                      />\r\n                    ) : scale === 'threshold' ? (\r\n                      <ThresholdColorLegendWithMouseOver\r\n                        width={fillContainer ? undefined : width}\r\n                        colorLegendTitle={colorLegendTitle}\r\n                        colors={\r\n                          colors ||\r\n                          (typeof colorDomain[0] === 'string'\r\n                            ? Colors[theme].categoricalColors.colors\r\n                            : colorDomain.length === 2\r\n                              ? [\r\n                                  Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                                  Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                                ]\r\n                              : Colors[theme].sequentialColors[\r\n                                  `neutralColorsx0${\r\n                                    (colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9\r\n                                  }`\r\n                                ])\r\n                        }\r\n                        colorDomain={colorDomain as number[]}\r\n                        setSelectedColor={setSelectedColor}\r\n                        naColor={noDataColor}\r\n                        showNAColor={showNAColor}\r\n                      />\r\n                    ) : (\r\n                      <LinearColorLegend\r\n                        width={fillContainer ? undefined : width}\r\n                        colorLegendTitle={colorLegendTitle}\r\n                        colors={\r\n                          colors || [\r\n                            Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                            Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                          ]\r\n                        }\r\n                        colorDomain={colorDomain as number[]}\r\n                      />\r\n                    )\r\n                  ) : null}\r\n                  <div\r\n                    className='flex grow flex-col justify-center w-full leading-0'\r\n                    ref={graphDiv}\r\n                    aria-label='Graph area'\r\n                  >\r\n                    {(width || svgWidth) && (height || svgHeight) ? (\r\n                      <Graph\r\n                        data={data}\r\n                        colorDomain={colorDomain}\r\n                        width={width || svgWidth}\r\n                        colors={\r\n                          colors ||\r\n                          (typeof colorDomain[0] === 'string'\r\n                            ? Colors[theme].categoricalColors.colors\r\n                            : colorDomain.length === 2\r\n                              ? [\r\n                                  Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                                  Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                                ]\r\n                              : Colors[theme].sequentialColors[\r\n                                  `neutralColorsx0${\r\n                                    (colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9\r\n                                  }`\r\n                                ])\r\n                        }\r\n                        noDataColor={noDataColor}\r\n                        scaleType={scale}\r\n                        height={Math.max(\r\n                          minHeight,\r\n                          height ||\r\n                            (relativeHeight\r\n                              ? minHeight\r\n                                ? (width || svgWidth) * relativeHeight > minHeight\r\n                                  ? (width || svgWidth) * relativeHeight\r\n                                  : minHeight\r\n                                : (width || svgWidth) * relativeHeight\r\n                              : svgHeight),\r\n                        )}\r\n                        showColumnLabels={showColumnLabels}\r\n                        leftMargin={leftMargin}\r\n                        rightMargin={rightMargin}\r\n                        topMargin={topMargin}\r\n                        bottomMargin={bottomMargin}\r\n                        selectedColor={selectedColor}\r\n                        truncateBy={truncateBy}\r\n                        showRowLabels={showRowLabels}\r\n                        tooltip={tooltip}\r\n                        onSeriesMouseOver={onSeriesMouseOver}\r\n                        showValues={showValues}\r\n                        suffix={suffix}\r\n                        prefix={prefix}\r\n                        onSeriesMouseClick={onSeriesMouseClick}\r\n                        resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                        detailsOnClick={detailsOnClick}\r\n                        styles={styles}\r\n                        classNames={classNames}\r\n                        animate={\r\n                          animate === true\r\n                            ? { duration: 0.5, once: true, amount: 0.5 }\r\n                            : animate || { duration: 0, once: true, amount: 0 }\r\n                        }\r\n                        precision={precision}\r\n                      />\r\n                    ) : null}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Graph","props","data","showColumnLabels","leftMargin","rightMargin","truncateBy","width","height","topMargin","bottomMargin","tooltip","onSeriesMouseOver","suffix","prefix","showValues","colorDomain","colors","noDataColor","scaleType","showRowLabels","selectedColor","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","animate","precision","svgRef","useRef","isInView","useInView","margin","mouseClickData","setMouseClickData","useState","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","graphWidth","graphHeight","columns","uniqBy","rows","y","scaleBand","barHeight","x","barWidth","colorScale","scaleOrdinal","scaleThreshold","scaleLinear","jsxs","Fragment","motion","jsx","d","i","XAxesLabels","YAxesLabels","el","checkIfNullOrUndefined","color","event","isEqual","cn","getTextColorBasedOnBgColor","Tooltip","Modal","string2HTML","HeatMap","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","graphID","Colors","showColorScale","graphDownload","dataDownload","fillContainer","language","showNAColor","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","useEffect","resizeObserver","entries","scale","GraphHeader","EmptyState","ColorLegendWithMouseOver","ThresholdColorLegendWithMouseOver","LinearColorLegend","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"HeatMap.cjs","sources":["../src/Components/Graphs/HeatMap/Graph.tsx","../src/Components/Graphs/HeatMap/index.tsx"],"sourcesContent":["import isEqual from 'fast-deep-equal';\r\nimport { scaleLinear, scaleBand, scaleOrdinal, scaleThreshold } from 'd3-scale';\r\nimport { useRef, useState } from 'react';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { Modal } from '@undp/design-system-react/Modal';\r\nimport { motion, useInView } from 'motion/react';\r\n\r\nimport {\r\n  AnimateDataType,\r\n  ClassNameObject,\r\n  HeatMapDataType,\r\n  ScaleDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\nimport { string2HTML } from '@/Utils/string2HTML';\r\nimport { XAxesLabels } from '@/Components/Elements/Axes/XAxesLabels';\r\nimport { YAxesLabels } from '@/Components/Elements/Axes/YAxesLabels';\r\nimport { uniqBy } from '@/Utils/uniqBy';\r\n\r\ninterface Props {\r\n  data: HeatMapDataType[];\r\n  colorDomain: string[] | number[];\r\n  colors: string[];\r\n  noDataColor: string;\r\n  scaleType: ScaleDataType;\r\n  showColumnLabels: boolean;\r\n  leftMargin: number;\r\n  truncateBy: number;\r\n  width: number;\r\n  height: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  showRowLabels: boolean;\r\n  bottomMargin: number;\r\n  suffix: string;\r\n  prefix: string;\r\n  showValues?: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  selectedColor?: string;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n  resetSelectionOnDoubleClick: boolean;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  animate: AnimateDataType;\r\n  precision: number;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    showColumnLabels,\r\n    leftMargin,\r\n    rightMargin,\r\n    truncateBy,\r\n    width,\r\n    height,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix,\r\n    prefix,\r\n    showValues,\r\n    colorDomain,\r\n    colors,\r\n    noDataColor,\r\n    scaleType,\r\n    showRowLabels,\r\n    selectedColor,\r\n    onSeriesMouseClick,\r\n    resetSelectionOnDoubleClick,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate,\r\n    precision,\r\n  } = props;\r\n  const svgRef = useRef(null);\r\n  const isInView = useInView(svgRef, {\r\n    once: animate.once,\r\n    amount: animate.amount,\r\n  });\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\r\n  const [mouseOverData, setMouseOverData] = useState<HeatMapDataType | undefined>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const columns = uniqBy(data, 'column', true) as string[];\r\n  const rows = uniqBy(data, 'row', true) as string[];\r\n  const y = scaleBand().domain(rows).range([0, graphHeight]);\r\n  const barHeight = y.bandwidth();\r\n  const x = scaleBand().domain(columns).range([0, graphWidth]);\r\n  const barWidth = x.bandwidth();\r\n  const colorScale =\r\n    scaleType === 'categorical'\r\n      ? scaleOrdinal<number | string, string>().domain(colorDomain).range(colors)\r\n      : scaleType === 'threshold'\r\n        ? scaleThreshold<number, string>()\r\n            .domain(colorDomain as number[])\r\n            .range(colors)\r\n        : scaleLinear<string, string>()\r\n            .domain(colorDomain as number[])\r\n            .range(colors);\r\n  return (\r\n    <>\r\n      <motion.svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        style={{ marginLeft: 'auto', marginRight: 'auto' }}\r\n        direction='ltr'\r\n        ref={svgRef}\r\n      >\r\n        <g transform={`translate(${margin.left},${0})`}>\r\n          {showColumnLabels\r\n            ? columns.map((d, i) => (\r\n                <XAxesLabels\r\n                  key={i}\r\n                  y={0}\r\n                  x={x(d) as number}\r\n                  width={barWidth}\r\n                  height={margin.top - 5}\r\n                  value={\r\n                    `${d}`.length < truncateBy ? `${d}` : `${`${d}`.substring(0, truncateBy)}...`\r\n                  }\r\n                  style={styles?.xAxis?.labels}\r\n                  className={classNames?.xAxis?.labels}\r\n                  alignment='bottom'\r\n                  animate={{ duration: 0, once: true, amount: 0 }}\r\n                  isInView={isInView}\r\n                />\r\n              ))\r\n            : null}\r\n        </g>\r\n        <g transform={`translate(${0},${margin.top})`}>\r\n          {showRowLabels\r\n            ? rows.map((d, i) => (\r\n                <YAxesLabels\r\n                  value={\r\n                    `${d}`.length < truncateBy ? `${d}` : `${`${d}`.substring(0, truncateBy)}...`\r\n                  }\r\n                  key={i}\r\n                  y={y(d) as number}\r\n                  x={0}\r\n                  width={margin.left}\r\n                  height={barHeight}\r\n                  alignment='right'\r\n                  style={styles?.yAxis?.labels}\r\n                  className={classNames?.yAxis?.labels}\r\n                  animate={{ duration: 0, once: true, amount: 0 }}\r\n                  isInView={isInView}\r\n                />\r\n              ))\r\n            : null}\r\n        </g>\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {rows.map((d, i) => (\r\n            <g key={i} transform={`translate(0,${y(d)})`}>\r\n              {columns.map(el => (\r\n                <rect\r\n                  key={`${d}-${el}`}\r\n                  x={x(el)}\r\n                  y={0}\r\n                  width={barWidth}\r\n                  height={barHeight}\r\n                  style={{ fill: noDataColor }}\r\n                  className='stroke-1 stroke-primary-white dark:stroke-primary-gray-700'\r\n                />\r\n              ))}\r\n            </g>\r\n          ))}\r\n          {data\r\n            .filter(d => !checkIfNullOrUndefined(d.value))\r\n            .map((d, i) => {\r\n              const color = !checkIfNullOrUndefined(d.value)\r\n                ? // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n                  colorScale(d.value as any)\r\n                : noDataColor;\r\n              return (\r\n                <g\r\n                  key={`${d.column}-${d.row}`}\r\n                  transform={`translate(${x(d.column)},${y(d.row)})`}\r\n                  onMouseEnter={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                    onSeriesMouseOver?.(d);\r\n                  }}\r\n                  onClick={() => {\r\n                    if (onSeriesMouseClick || detailsOnClick) {\r\n                      if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\r\n                        setMouseClickData(undefined);\r\n                        onSeriesMouseClick?.(undefined);\r\n                      } else {\r\n                        setMouseClickData(d);\r\n                        onSeriesMouseClick?.(d);\r\n                      }\r\n                    }\r\n                  }}\r\n                  onMouseMove={event => {\r\n                    setMouseOverData(d);\r\n                    setEventY(event.clientY);\r\n                    setEventX(event.clientX);\r\n                  }}\r\n                  onMouseLeave={() => {\r\n                    setMouseOverData(undefined);\r\n                    setEventX(undefined);\r\n                    setEventY(undefined);\r\n                    onSeriesMouseOver?.(undefined);\r\n                  }}\r\n                  opacity={selectedColor ? (selectedColor === color ? 1 : 0.3) : 1}\r\n                >\r\n                  <motion.rect\r\n                    x={0}\r\n                    y={0}\r\n                    width={barWidth}\r\n                    height={barHeight}\r\n                    className='stroke-1 stroke-primary-white dark:stroke-primary-gray-700'\r\n                    exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    variants={{\r\n                      initial: { fill: color, opacity: 0 },\r\n                      whileInView: {\r\n                        fill: color,\r\n                        opacity: 1,\r\n                        transition: { duration: animate.duration },\r\n                      },\r\n                    }}\r\n                    initial='initial'\r\n                    animate={isInView ? 'whileInView' : 'initial'}\r\n                  />\r\n                  {showValues && !checkIfNullOrUndefined(d.value) ? (\r\n                    <motion.g\r\n                      variants={{\r\n                        initial: { opacity: 0 },\r\n                        whileInView: { opacity: 1, transition: { duration: animate.duration } },\r\n                      }}\r\n                      initial='initial'\r\n                      animate={isInView ? 'whileInView' : 'initial'}\r\n                      exit={{ opacity: 0, transition: { duration: animate.duration } }}\r\n                    >\r\n                      <foreignObject key={i} y={0} x={0} width={barWidth} height={barHeight}>\r\n                        <div className='flex flex-col justify-center items-center h-inherit p-1'>\r\n                          <p\r\n                            className={cn(\r\n                              'text-xs text-center m-0 leading-[1.25] graph-value',\r\n                              classNames?.graphObjectValues,\r\n                            )}\r\n                            style={{\r\n                              color: getTextColorBasedOnBgColor(color),\r\n                              ...(styles?.graphObjectValues || {}),\r\n                            }}\r\n                          >\r\n                            {numberFormattingFunction(d.value, 'NA', precision, prefix, suffix)}\r\n                          </p>\r\n                        </div>\r\n                      </foreignObject>\r\n                    </motion.g>\r\n                  ) : null}\r\n                </g>\r\n              );\r\n            })}\r\n          {mouseOverData ? (\r\n            <rect\r\n              x={x(mouseOverData.column)}\r\n              y={y(mouseOverData.row)}\r\n              width={barWidth}\r\n              height={barHeight}\r\n              style={{\r\n                fill: 'none',\r\n                fillOpacity: 0,\r\n                strokeWidth: 1.5,\r\n              }}\r\n              className='stroke-primary-gray-700 dark:stroke-primary-gray-300'\r\n            />\r\n          ) : null}\r\n        </g>\r\n      </motion.svg>\r\n      {mouseOverData && tooltip && eventX && eventY ? (\r\n        <Tooltip\r\n          data={mouseOverData}\r\n          body={tooltip}\r\n          xPos={eventX}\r\n          yPos={eventY}\r\n          backgroundStyle={styles?.tooltip}\r\n          className={classNames?.tooltip}\r\n        />\r\n      ) : null}\r\n      {detailsOnClick && mouseClickData !== undefined ? (\r\n        <Modal\r\n          open={mouseClickData !== undefined}\r\n          onClose={() => {\r\n            setMouseClickData(undefined);\r\n          }}\r\n        >\r\n          <div\r\n            className='graph-modal-content m-0'\r\n            dangerouslySetInnerHTML={\r\n              typeof detailsOnClick === 'string'\r\n                ? { __html: string2HTML(detailsOnClick, mouseClickData) }\r\n                : undefined\r\n            }\r\n          >\r\n            {typeof detailsOnClick === 'function' ? detailsOnClick(mouseClickData) : null}\r\n          </div>\r\n        </Modal>\r\n      ) : null}\r\n    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport {\r\n  HeatMapDataType,\r\n  Languages,\r\n  ScaleDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  AnimateDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\r\nimport { LinearColorLegend } from '@/Components/Elements/LinearColorLegend';\r\nimport { ThresholdColorLegendWithMouseOver } from '@/Components/Elements/ThresholdColorLegendWithMouseOver';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { EmptyState } from '@/Components/Elements/EmptyState';\r\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: HeatMapDataType[];\r\n\r\n  // Titles, Labels, and Sources\r\n  /** Title of the graph */\r\n  graphTitle?: string | React.ReactNode;\r\n  /** Description of the graph */\r\n  graphDescription?: string | React.ReactNode;\r\n  /** Footnote for the graph */\r\n  footNote?: string | React.ReactNode;\r\n  /** Source data for the graph */\r\n  sources?: SourcesDataType[];\r\n  /** Accessibility label */\r\n  ariaLabel?: string;\r\n\r\n  // Colors and Styling\r\n  /** Array of colors for cells */\r\n  colors?: string[];\r\n  /** Color where data is not available */\r\n  noDataColor?: string;\r\n  /** Title for the color legend */\r\n  colorLegendTitle?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n  /** Toggles the background to fill the container. This only works if the width of the graph is defined. */\r\n  fillContainer?: boolean;\r\n\r\n  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Maximum value for the chart */\r\n  truncateBy?: number;\r\n  /** Reference values for comparison */\r\n\r\n  // Graph Parameters\r\n  /** Toggle visibility of labels in the column */\r\n  showColumnLabels?: boolean;\r\n  /** Toggle visibility of labels in the row */\r\n  showRowLabels?: boolean;\r\n  /** Scale for the colors in the cell */\r\n  scaleType?: ScaleDataType;\r\n  /** Toggle visibility of values */\r\n  showValues?: boolean;\r\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\r\n  showColorScale?: boolean;\r\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\r\n  showNAColor?: boolean;\r\n  /** Toggles if the graph animates in when loaded.  */\r\n  animate?: boolean | AnimateDataType;\r\n  /** Domain for the colors in the cell.  */\r\n  colorDomain: number[] | string[];\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\r\n  resetSelectionOnDoubleClick?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  /** Callback for mouse click event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseClick?: (_d: any) => void;\r\n\r\n  // Configuration and Options\r\n  /** Language setting  */\r\n  language?: Languages;\r\n  /** Color theme */\r\n  theme?: 'light' | 'dark';\r\n  /** Unique ID for the graph */\r\n  graphID?: string;\r\n}\r\n\r\nexport function HeatMap(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    colors,\r\n    sources,\r\n    graphDescription,\r\n    showColumnLabels = true,\r\n    leftMargin = 100,\r\n    rightMargin = 10,\r\n    truncateBy = 999,\r\n    height,\r\n    width,\r\n    scaleType,\r\n    colorDomain,\r\n    footNote,\r\n    colorLegendTitle,\r\n    padding,\r\n    backgroundColor = false,\r\n    topMargin = 30,\r\n    bottomMargin = 10,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    suffix = '',\r\n    prefix = '',\r\n    showRowLabels = true,\r\n    relativeHeight,\r\n    showValues,\r\n    graphID,\r\n    noDataColor = Colors.gray,\r\n    showColorScale = true,\r\n    onSeriesMouseClick,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    fillContainer = true,\r\n    language = 'en',\r\n    showNAColor = true,\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    resetSelectionOnDoubleClick = true,\r\n    detailsOnClick,\r\n    styles,\r\n    classNames,\r\n    animate = false,\r\n    precision = 2,\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n  const scale =\r\n    scaleType ||\r\n    (typeof colorDomain[0] === 'string'\r\n      ? 'categorical'\r\n      : colorDomain.length === 2\r\n        ? 'linear'\r\n        : 'threshold');\r\n\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={fillContainer ? undefined : width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      {data.length === 0 ? (\r\n        <EmptyState />\r\n      ) : (\r\n        <>\r\n          {showColorScale ? (\r\n            scale === 'categorical' ? (\r\n              <ColorLegendWithMouseOver\r\n                width={fillContainer ? undefined : width}\r\n                colorLegendTitle={colorLegendTitle}\r\n                colors={\r\n                  colors ||\r\n                  (typeof colorDomain[0] === 'string'\r\n                    ? Colors[theme].categoricalColors.colors\r\n                    : colorDomain.length === 2\r\n                      ? [\r\n                          Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                          Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                        ]\r\n                      : Colors[theme].sequentialColors[\r\n                          `neutralColorsx0${(colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                        ])\r\n                }\r\n                colorDomain={colorDomain.map(d => `${d}`)}\r\n                setSelectedColor={setSelectedColor}\r\n                showNAColor={showNAColor}\r\n                className={classNames?.colorLegend}\r\n              />\r\n            ) : scale === 'threshold' ? (\r\n              <ThresholdColorLegendWithMouseOver\r\n                width={fillContainer ? undefined : width}\r\n                colorLegendTitle={colorLegendTitle}\r\n                colors={\r\n                  colors ||\r\n                  (typeof colorDomain[0] === 'string'\r\n                    ? Colors[theme].categoricalColors.colors\r\n                    : colorDomain.length === 2\r\n                      ? [\r\n                          Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                          Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                        ]\r\n                      : Colors[theme].sequentialColors[\r\n                          `neutralColorsx0${(colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                        ])\r\n                }\r\n                colorDomain={colorDomain as number[]}\r\n                setSelectedColor={setSelectedColor}\r\n                naColor={noDataColor}\r\n                showNAColor={showNAColor}\r\n              />\r\n            ) : (\r\n              <LinearColorLegend\r\n                width={fillContainer ? undefined : width}\r\n                colorLegendTitle={colorLegendTitle}\r\n                colors={\r\n                  colors || [\r\n                    Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                    Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                  ]\r\n                }\r\n                colorDomain={colorDomain as number[]}\r\n                className={classNames?.colorLegend}\r\n              />\r\n            )\r\n          ) : null}\r\n          <GraphArea ref={graphDiv}>\r\n            {svgWidth && svgHeight ? (\r\n              <Graph\r\n                data={data}\r\n                colorDomain={colorDomain}\r\n                width={fillContainer || !width ? svgWidth : svgWidth < width ? svgWidth : width}\r\n                height={svgHeight}\r\n                colors={\r\n                  colors ||\r\n                  (typeof colorDomain[0] === 'string'\r\n                    ? Colors[theme].categoricalColors.colors\r\n                    : colorDomain.length === 2\r\n                      ? [\r\n                          Colors[theme].sequentialColors.neutralColorsx09[0],\r\n                          Colors[theme].sequentialColors.neutralColorsx09[8],\r\n                        ]\r\n                      : Colors[theme].sequentialColors[\r\n                          `neutralColorsx0${(colorDomain.length + 1) as 4 | 5 | 6 | 7 | 8 | 9}`\r\n                        ])\r\n                }\r\n                noDataColor={noDataColor}\r\n                scaleType={scale}\r\n                showColumnLabels={showColumnLabels}\r\n                leftMargin={leftMargin}\r\n                rightMargin={rightMargin}\r\n                topMargin={topMargin}\r\n                bottomMargin={bottomMargin}\r\n                selectedColor={selectedColor}\r\n                truncateBy={truncateBy}\r\n                showRowLabels={showRowLabels}\r\n                tooltip={tooltip}\r\n                onSeriesMouseOver={onSeriesMouseOver}\r\n                showValues={showValues}\r\n                suffix={suffix}\r\n                prefix={prefix}\r\n                onSeriesMouseClick={onSeriesMouseClick}\r\n                resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\r\n                detailsOnClick={detailsOnClick}\r\n                styles={styles}\r\n                classNames={classNames}\r\n                animate={\r\n                  animate === true\r\n                    ? { duration: 0.5, once: true, amount: 0.5 }\r\n                    : animate || { duration: 0, once: true, amount: 0 }\r\n                }\r\n                precision={precision}\r\n              />\r\n            ) : null}\r\n          </GraphArea>\r\n        </>\r\n      )}\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","$","_c","data","showColumnLabels","leftMargin","rightMargin","truncateBy","width","height","topMargin","bottomMargin","tooltip","onSeriesMouseOver","suffix","prefix","showValues","colorDomain","colors","noDataColor","scaleType","showRowLabels","selectedColor","onSeriesMouseClick","resetSelectionOnDoubleClick","detailsOnClick","styles","classNames","animate","precision","svgRef","useRef","t0","amount","once","isInView","useInView","t1","top","bottom","left","right","margin","mouseClickData","setMouseClickData","useState","undefined","mouseOverData","setMouseOverData","eventX","setEventX","eventY","setEventY","graphWidth","graphHeight","T0","t10","t11","t12","t13","t2","t3","t4","t5","t6","t7","t8","t9","duration","graphObjectValues","xAxis","labels","yAxis","columns","uniqBy","rows","y","scaleBand","domain","range","barHeight","bandwidth","x","barWidth","colorScale","scaleOrdinal","scaleThreshold","scaleLinear","motion","svg","Symbol","for","marginLeft","marginRight","jsx","map","d","i","XAxesLabels","length","substring","d_0","i_0","YAxesLabels","d_1","i_1","el","fill","filter","_temp","d_3","i_2","color","checkIfNullOrUndefined","value","jsxs","column","row","event","clientY","clientX","isEqual","event_0","opacity","transition","initial","whileInView","cn","getTextColorBasedOnBgColor","numberFormattingFunction","fillOpacity","strokeWidth","t14","t15","t16","Tooltip","t17","Modal","__html","string2HTML","t18","Fragment","d_2","HeatMap","graphTitle","sources","graphDescription","footNote","colorLegendTitle","padding","backgroundColor","relativeHeight","graphID","showColorScale","graphDownload","dataDownload","fillContainer","language","showNAColor","minHeight","theme","ariaLabel","t19","t20","t21","Colors","gray","svgWidth","setSvgWidth","svgHeight","setSvgHeight","setSelectedColor","graphDiv","graphParentDiv","t22","t23","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","current","observe","disconnect","useEffect","scale","t24","graphContainer","t25","t26","t27","description","title","GraphHeader","_temp2","_temp3","_temp4","_temp5","t28","EmptyState","ColorLegendWithMouseOver","categoricalColors","sequentialColors","neutralColorsx09","_temp6","colorLegend","ThresholdColorLegendWithMouseOver","LinearColorLegend","GraphArea","t29","footnote","source","GraphFooter","t30","GraphContainer","d_4"],"mappings":"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"}

package/dist/HeatMap.d.ts

@@ -35,6 +35,7 @@ declare interface ClassNameObject {
     mouseOverLine?: string;
     regLine?: string;
     dataCards?: string;
+    colorLegend?: string;
 }
 
 export declare function HeatMap(props: Props): JSX.Element;