@undp/data-viz 1.5.9 → 2.0.1

package/dist/SparkLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"SparkLine.js","sources":["../src/Components/Graphs/LineCharts/SparkLine/Graph.tsx","../src/Components/Graphs/LineCharts/SparkLine/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  line,\r\n  curveMonotoneX,\r\n  area,\r\n  curveLinear,\r\n  curveStep,\r\n  curveStepAfter,\r\n  curveStepBefore,\r\n} from 'd3-shape';\r\nimport { scaleLinear, scaleTime } from 'd3-scale';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { bisectCenter } from 'd3-array';\r\nimport { pointer, select } from 'd3-selection';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  CurveTypes,\r\n  CustomLayerDataType,\r\n  LineChartDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\n\r\ninterface Props {\r\n  data: LineChartDataType[];\r\n  lineColor: string;\r\n  width: number;\r\n  height: number;\r\n  dateFormat: string;\r\n  areaId?: string;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  curveType: CurveTypes;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\ninterface FormattedDataType {\r\n  y: number;\r\n  date: Date;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    lineColor,\r\n    dateFormat,\r\n    areaId,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    minValue,\r\n    maxValue,\r\n    curveType,\r\n    styles,\r\n    classNames,\r\n    customLayers,\r\n  } = props;\r\n  const curve =\r\n    curveType === 'linear'\r\n      ? curveLinear\r\n      : curveType === 'step'\r\n        ? curveStep\r\n        : curveType === 'stepAfter'\r\n          ? curveStepAfter\r\n          : curveType === 'stepBefore'\r\n            ? curveStepBefore\r\n            : curveMonotoneX;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const MouseoverRectRef = useRef(null);\r\n  const dataFormatted = orderBy(\r\n    data.map(d => ({\r\n      ...d,\r\n      date: parse(`${d.date}`, dateFormat, new Date()),\r\n    })),\r\n    ['date'],\r\n    ['asc'],\r\n  );\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const minYear = dataFormatted[0].date;\r\n  const maxYear = dataFormatted[dataFormatted.length - 1].date;\r\n  const minParam: number =\r\n    Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) !== Infinity\r\n      ? Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) > 0\r\n        ? 0\r\n        : Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n      : 0;\r\n  const maxParam: number =\r\n    Math.max(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) !== Infinity\r\n      ? Math.max(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n      : 0;\r\n\r\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\r\n  const y = scaleLinear()\r\n    .domain([\r\n      checkIfNullOrUndefined(minValue) ? minParam : (minValue as number),\r\n      checkIfNullOrUndefined(maxValue) ? (maxParam > 0 ? maxParam : 0) : (maxValue as number),\r\n    ])\r\n    .range([graphHeight, 0])\r\n    .nice();\r\n\r\n  const mainGraphArea = area<FormattedDataType>()\r\n    .x(d => x(d.date))\r\n    .y1(d => y(d.y))\r\n    .y0(graphHeight)\r\n    .curve(curve);\r\n  const lineShape = line<FormattedDataType>()\r\n    .x(d => x(d.date))\r\n    .y(d => y(d.y))\r\n    .curve(curve);\r\n  useEffect(() => {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    const mousemove = (event: any) => {\r\n      const selectedData =\r\n        dataFormatted[\r\n          bisectCenter(\r\n            dataFormatted.map(d => d.date),\r\n            x.invert(pointer(event)[0]),\r\n            0,\r\n          )\r\n        ];\r\n      setMouseOverData(selectedData || dataFormatted[dataFormatted.length - 1]);\r\n      onSeriesMouseOver?.(selectedData || dataFormatted[dataFormatted.length - 1]);\r\n      setEventY(event.clientY);\r\n      setEventX(event.clientX);\r\n    };\r\n    const mouseout = () => {\r\n      setMouseOverData(undefined);\r\n      onSeriesMouseOver?.(undefined);\r\n      setEventX(undefined);\r\n      setEventY(undefined);\r\n    };\r\n    select(MouseoverRectRef.current).on('mousemove', mousemove).on('mouseout', mouseout);\r\n    onSeriesMouseOver?.(undefined);\r\n  }, [x, dataFormatted, onSeriesMouseOver]);\r\n  return (\r\n    <>\r\n      <svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        {areaId ? (\r\n          <linearGradient id={areaId} x1='0' x2='0' y1='0' y2='1'>\r\n            <stop style={{ stopColor: lineColor }} stopOpacity='0.1' offset='0%' />\r\n            <stop style={{ stopColor: lineColor }} stopOpacity='0' offset='100%' />\r\n          </linearGradient>\r\n        ) : null}\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <g>\r\n            <text\r\n              className={cn(\r\n                'xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs',\r\n                classNames?.xAxis?.labels,\r\n              )}\r\n              y={graphHeight}\r\n              x={x(dataFormatted[dataFormatted.length - 1].date)}\r\n              style={{\r\n                textAnchor: 'end',\r\n                ...styles?.xAxis?.labels,\r\n              }}\r\n              dy='1em'\r\n            >\r\n              {format(dataFormatted[dataFormatted.length - 1].date, dateFormat)}\r\n            </text>\r\n            <text\r\n              y={graphHeight}\r\n              x={x(dataFormatted[0].date)}\r\n              style={{\r\n                textAnchor: 'start',\r\n                ...styles?.xAxis?.labels,\r\n              }}\r\n              className={cn(\r\n                'xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs',\r\n                classNames?.xAxis?.labels,\r\n              )}\r\n              dy='1em'\r\n            >\r\n              {format(dataFormatted[0].date, dateFormat)}\r\n            </text>\r\n          </g>\r\n          <g>\r\n            <path\r\n              d={mainGraphArea(dataFormatted) || ''}\r\n              style={{\r\n                fill: `url(#${areaId})`,\r\n                clipPath: 'url(#clip)',\r\n              }}\r\n            />\r\n            <path\r\n              d={lineShape(dataFormatted) || ''}\r\n              style={{\r\n                stroke: lineColor,\r\n                fill: 'none',\r\n                strokeWidth: 2,\r\n              }}\r\n            />\r\n            {mouseOverData ? (\r\n              <circle\r\n                y1={0}\r\n                cy={y(mouseOverData.y)}\r\n                cx={x(mouseOverData.date)}\r\n                r={5}\r\n                style={{ fill: lineColor }}\r\n              />\r\n            ) : null}\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          <rect\r\n            ref={MouseoverRectRef}\r\n            style={{\r\n              fill: 'none',\r\n              pointerEvents: 'all',\r\n            }}\r\n            width={graphWidth}\r\n            height={graphHeight}\r\n          />\r\n        </g>\r\n      </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    </>\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 {\r\n  Languages,\r\n  LineChartDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CurveTypes,\r\n  CustomLayerDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { generateRandomString } from '@/Utils/generateRandomString';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: LineChartDataType[];\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  /** Colors of the lines */\r\n  lineColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n\r\n  // Values and Ticks\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n\r\n  // Graph Parameters\r\n  /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */\r\n  dateFormat?: string;\r\n  /** Toggles the visibility of the area below the line */\r\n  area?: boolean;\r\n  /** Curve type for the line */\r\n  curveType?: CurveTypes;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_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 SparkLine(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    lineColor,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    dateFormat = 'yyyy',\r\n    area = false,\r\n    padding,\r\n    backgroundColor,\r\n    leftMargin = 5,\r\n    rightMargin = 5,\r\n    topMargin = 10,\r\n    bottomMargin = 20,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    curveType = 'curve',\r\n    styles,\r\n    classNames,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(width || entries[0].target.clientWidth || 620);\r\n      setSvgHeight(height || entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      setSvgHeight(graphDiv.current.clientHeight || 480);\r\n      setSvgWidth(graphDiv.current.clientWidth || 620);\r\n      if (!width) resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, [width, height]);\r\n\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex  ${width ? 'w-fit grow-0' : 'w-full grow'}`}\r\n      dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n    >\r\n      <div\r\n        className={cn(\r\n          `${\r\n            !backgroundColor\r\n              ? 'bg-transparent '\r\n              : backgroundColor === true\r\n                ? 'bg-primary-gray-200 dark:bg-primary-gray-650 '\r\n                : ''\r\n          }ml-auto mr-auto flex flex-col grow h-inherit ${language || 'en'}`,\r\n          width ? 'w-fit' : 'w-full',\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        ref={graphParentDiv}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${\r\n            graphTitle ? `The graph shows ${graphTitle}. ` : ''\r\n          }This is a line chart that show trends over time.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          <div className='flex flex-col w-full gap-4 grow justify-between'>\r\n            {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n              <GraphHeader\r\n                styles={{\r\n                  title: styles?.title,\r\n                  description: styles?.description,\r\n                }}\r\n                classNames={{\r\n                  title: classNames?.title,\r\n                  description: classNames?.description,\r\n                }}\r\n                graphTitle={graphTitle}\r\n                graphDescription={graphDescription}\r\n                width={width}\r\n                graphDownload={graphDownload ? graphParentDiv.current : undefined}\r\n                dataDownload={\r\n                  dataDownload\r\n                    ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                      ? data.map(d => d.data).filter(d => d !== undefined)\r\n                      : data.filter(d => d !== undefined)\r\n                    : null\r\n                }\r\n              />\r\n            ) : null}\r\n            <div\r\n              className='flex flex-col grow justify-center 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                  lineColor={lineColor || Colors.primaryColors['blue-600']}\r\n                  width={width || svgWidth}\r\n                  height={Math.max(\r\n                    minHeight,\r\n                    height ||\r\n                      (relativeHeight\r\n                        ? minHeight\r\n                          ? (width || svgWidth) * relativeHeight > minHeight\r\n                            ? (width || svgWidth) * relativeHeight\r\n                            : minHeight\r\n                          : (width || svgWidth) * relativeHeight\r\n                        : svgHeight),\r\n                  )}\r\n                  dateFormat={dateFormat}\r\n                  areaId={area ? generateRandomString(8) : undefined}\r\n                  leftMargin={leftMargin}\r\n                  rightMargin={rightMargin}\r\n                  topMargin={topMargin}\r\n                  bottomMargin={bottomMargin}\r\n                  tooltip={tooltip}\r\n                  onSeriesMouseOver={onSeriesMouseOver}\r\n                  minValue={minValue}\r\n                  maxValue={maxValue}\r\n                  curveType={curveType}\r\n                  styles={styles}\r\n                  classNames={classNames}\r\n                  customLayers={customLayers}\r\n                />\r\n              ) : null}\r\n            </div>\r\n            {sources || footNote ? (\r\n              <GraphFooter\r\n                styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n                classNames={{\r\n                  footnote: classNames?.footnote,\r\n                  source: classNames?.source,\r\n                }}\r\n                sources={sources}\r\n                footNote={footNote}\r\n                width={width}\r\n              />\r\n            ) : null}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Graph","props","data","width","height","lineColor","dateFormat","areaId","leftMargin","rightMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","minValue","maxValue","curveType","styles","classNames","customLayers","curve","curveLinear","curveStep","curveStepAfter","curveStepBefore","curveMonotoneX","mouseOverData","setMouseOverData","useState","eventX","setEventX","eventY","setEventY","margin","MouseoverRectRef","useRef","dataFormatted","orderBy","d","parse","graphWidth","graphHeight","minYear","maxYear","minParam","maxParam","x","scaleTime","y","scaleLinear","checkIfNullOrUndefined","mainGraphArea","area","lineShape","line","useEffect","mousemove","event","selectedData","bisectCenter","pointer","mouseout","select","jsxs","Fragment","jsx","cn","format","Tooltip","SparkLine","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","relativeHeight","graphID","graphDownload","dataDownload","language","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","resizeObserver","entries","GraphHeader","Colors","generateRandomString","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"SparkLine.js","sources":["../src/Components/Graphs/LineCharts/SparkLine/Graph.tsx","../src/Components/Graphs/LineCharts/SparkLine/index.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\nimport {\r\n  line,\r\n  curveMonotoneX,\r\n  area,\r\n  curveLinear,\r\n  curveStep,\r\n  curveStepAfter,\r\n  curveStepBefore,\r\n} from 'd3-shape';\r\nimport { scaleLinear, scaleTime } from 'd3-scale';\r\nimport { format } from 'date-fns/format';\r\nimport { parse } from 'date-fns/parse';\r\nimport { bisectCenter } from 'd3-array';\r\nimport { pointer, select } from 'd3-selection';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport orderBy from 'lodash.orderby';\r\n\r\nimport {\r\n  ClassNameObject,\r\n  CurveTypes,\r\n  CustomLayerDataType,\r\n  LineChartDataType,\r\n  StyleObject,\r\n} from '@/Types';\r\nimport { Tooltip } from '@/Components/Elements/Tooltip';\r\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\r\n\r\ninterface Props {\r\n  data: LineChartDataType[];\r\n  lineColor: string;\r\n  width: number;\r\n  height: number;\r\n  dateFormat: string;\r\n  areaId?: string;\r\n  leftMargin: number;\r\n  rightMargin: number;\r\n  topMargin: number;\r\n  bottomMargin: number;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_d: any) => void;\r\n  maxValue?: number;\r\n  minValue?: number;\r\n  curveType: CurveTypes;\r\n  styles?: StyleObject;\r\n  classNames?: ClassNameObject;\r\n  customLayers: CustomLayerDataType[];\r\n}\r\n\r\ninterface FormattedDataType {\r\n  y: number;\r\n  date: Date;\r\n}\r\n\r\nexport function Graph(props: Props) {\r\n  const {\r\n    data,\r\n    width,\r\n    height,\r\n    lineColor,\r\n    dateFormat,\r\n    areaId,\r\n    leftMargin,\r\n    rightMargin,\r\n    topMargin,\r\n    bottomMargin,\r\n    tooltip,\r\n    onSeriesMouseOver,\r\n    minValue,\r\n    maxValue,\r\n    curveType,\r\n    styles,\r\n    classNames,\r\n    customLayers,\r\n  } = props;\r\n  const curve =\r\n    curveType === 'linear'\r\n      ? curveLinear\r\n      : curveType === 'step'\r\n        ? curveStep\r\n        : curveType === 'stepAfter'\r\n          ? curveStepAfter\r\n          : curveType === 'stepBefore'\r\n            ? curveStepBefore\r\n            : curveMonotoneX;\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\r\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\r\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\r\n  const margin = {\r\n    top: topMargin,\r\n    bottom: bottomMargin,\r\n    left: leftMargin,\r\n    right: rightMargin,\r\n  };\r\n  const MouseoverRectRef = useRef(null);\r\n  const dataFormatted = orderBy(\r\n    data.map(d => ({\r\n      ...d,\r\n      date: parse(`${d.date}`, dateFormat, new Date()),\r\n    })),\r\n    ['date'],\r\n    ['asc'],\r\n  );\r\n  const graphWidth = width - margin.left - margin.right;\r\n  const graphHeight = height - margin.top - margin.bottom;\r\n  const minYear = dataFormatted[0].date;\r\n  const maxYear = dataFormatted[dataFormatted.length - 1].date;\r\n  const minParam: number =\r\n    Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) !== Infinity\r\n      ? Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) > 0\r\n        ? 0\r\n        : Math.min(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n      : 0;\r\n  const maxParam: number =\r\n    Math.max(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null)) !== Infinity\r\n      ? Math.max(...dataFormatted.map(d => d.y).filter(d => d !== undefined && d !== null))\r\n      : 0;\r\n\r\n  const x = scaleTime().domain([minYear, maxYear]).range([0, graphWidth]);\r\n  const y = scaleLinear()\r\n    .domain([\r\n      checkIfNullOrUndefined(minValue) ? minParam : (minValue as number),\r\n      checkIfNullOrUndefined(maxValue) ? (maxParam > 0 ? maxParam : 0) : (maxValue as number),\r\n    ])\r\n    .range([graphHeight, 0])\r\n    .nice();\r\n\r\n  const mainGraphArea = area<FormattedDataType>()\r\n    .x(d => x(d.date))\r\n    .y1(d => y(d.y))\r\n    .y0(graphHeight)\r\n    .curve(curve);\r\n  const lineShape = line<FormattedDataType>()\r\n    .x(d => x(d.date))\r\n    .y(d => y(d.y))\r\n    .curve(curve);\r\n  useEffect(() => {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    const mousemove = (event: any) => {\r\n      const selectedData =\r\n        dataFormatted[\r\n          bisectCenter(\r\n            dataFormatted.map(d => d.date),\r\n            x.invert(pointer(event)[0]),\r\n            0,\r\n          )\r\n        ];\r\n      setMouseOverData(selectedData || dataFormatted[dataFormatted.length - 1]);\r\n      onSeriesMouseOver?.(selectedData || dataFormatted[dataFormatted.length - 1]);\r\n      setEventY(event.clientY);\r\n      setEventX(event.clientX);\r\n    };\r\n    const mouseout = () => {\r\n      setMouseOverData(undefined);\r\n      onSeriesMouseOver?.(undefined);\r\n      setEventX(undefined);\r\n      setEventY(undefined);\r\n    };\r\n    select(MouseoverRectRef.current).on('mousemove', mousemove).on('mouseout', mouseout);\r\n    onSeriesMouseOver?.(undefined);\r\n  }, [x, dataFormatted, onSeriesMouseOver]);\r\n  return (\r\n    <>\r\n      <svg\r\n        width={`${width}px`}\r\n        height={`${height}px`}\r\n        viewBox={`0 0 ${width} ${height}`}\r\n        direction='ltr'\r\n      >\r\n        {areaId ? (\r\n          <linearGradient id={areaId} x1='0' x2='0' y1='0' y2='1'>\r\n            <stop style={{ stopColor: lineColor }} stopOpacity='0.1' offset='0%' />\r\n            <stop style={{ stopColor: lineColor }} stopOpacity='0' offset='100%' />\r\n          </linearGradient>\r\n        ) : null}\r\n        <g transform={`translate(${margin.left},${margin.top})`}>\r\n          {customLayers.filter(d => d.position === 'before').map(d => d.layer)}\r\n          <g>\r\n            <text\r\n              className={cn(\r\n                'xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs',\r\n                classNames?.xAxis?.labels,\r\n              )}\r\n              y={graphHeight}\r\n              x={x(dataFormatted[dataFormatted.length - 1].date)}\r\n              style={{\r\n                textAnchor: 'end',\r\n                ...styles?.xAxis?.labels,\r\n              }}\r\n              dy='1em'\r\n            >\r\n              {format(dataFormatted[dataFormatted.length - 1].date, dateFormat)}\r\n            </text>\r\n            <text\r\n              y={graphHeight}\r\n              x={x(dataFormatted[0].date)}\r\n              style={{\r\n                textAnchor: 'start',\r\n                ...styles?.xAxis?.labels,\r\n              }}\r\n              className={cn(\r\n                'xs:max-[360px]:hidden fill-primary-gray-700 dark:fill-primary-gray-300 text-[9px] md:text-[10px] lg:text-xs',\r\n                classNames?.xAxis?.labels,\r\n              )}\r\n              dy='1em'\r\n            >\r\n              {format(dataFormatted[0].date, dateFormat)}\r\n            </text>\r\n          </g>\r\n          <g>\r\n            <path\r\n              d={mainGraphArea(dataFormatted) || ''}\r\n              style={{\r\n                fill: `url(#${areaId})`,\r\n                clipPath: 'url(#clip)',\r\n              }}\r\n            />\r\n            <path\r\n              d={lineShape(dataFormatted) || ''}\r\n              style={{\r\n                stroke: lineColor,\r\n                fill: 'none',\r\n                strokeWidth: 2,\r\n              }}\r\n            />\r\n            {mouseOverData ? (\r\n              <circle\r\n                y1={0}\r\n                cy={y(mouseOverData.y)}\r\n                cx={x(mouseOverData.date)}\r\n                r={5}\r\n                style={{ fill: lineColor }}\r\n              />\r\n            ) : null}\r\n          </g>\r\n          {customLayers.filter(d => d.position === 'after').map(d => d.layer)}\r\n          <rect\r\n            ref={MouseoverRectRef}\r\n            style={{\r\n              fill: 'none',\r\n              pointerEvents: 'all',\r\n            }}\r\n            width={graphWidth}\r\n            height={graphHeight}\r\n          />\r\n        </g>\r\n      </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    </>\r\n  );\r\n}\r\n","import { useState, useRef, useEffect } from 'react';\r\n\r\nimport { Graph } from './Graph';\r\n\r\nimport {\r\n  Languages,\r\n  LineChartDataType,\r\n  SourcesDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n  CurveTypes,\r\n  CustomLayerDataType,\r\n} from '@/Types';\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { Colors } from '@/Components/ColorPalette';\r\nimport { generateRandomString } from '@/Utils/generateRandomString';\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: LineChartDataType[];\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  /** Colors of the lines */\r\n  lineColor?: string;\r\n  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\r\n  styles?: StyleObject;\r\n  /** Custom class names */\r\n  classNames?: ClassNameObject;\r\n\r\n  // Size and Spacing\r\n  /** Width of the graph */\r\n  width?: number;\r\n  /** Height of the graph */\r\n  height?: number;\r\n  /** Minimum height of the graph */\r\n  minHeight?: number;\r\n  /** Relative height scaling factor. This overwrites the height props */\r\n  relativeHeight?: number;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Left margin of the graph */\r\n  leftMargin?: number;\r\n  /** Right margin of the graph */\r\n  rightMargin?: number;\r\n  /** Top margin of the graph */\r\n  topMargin?: number;\r\n  /** Bottom margin of the graph */\r\n  bottomMargin?: number;\r\n\r\n  // Values and Ticks\r\n  /** Maximum value for the chart */\r\n  maxValue?: number;\r\n  /** Minimum value for the chart */\r\n  minValue?: number;\r\n\r\n  // Graph Parameters\r\n  /** Format of the date in the data object. Available formats can be found [here](https://date-fns.org/docs/format)  */\r\n  dateFormat?: string;\r\n  /** Toggles the visibility of the area below the line */\r\n  area?: boolean;\r\n  /** Curve type for the line */\r\n  curveType?: CurveTypes;\r\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\r\n  customLayers?: CustomLayerDataType[];\r\n  /** Enable graph download option as png */\r\n  graphDownload?: boolean;\r\n  /** Enable data download option as a csv */\r\n  dataDownload?: boolean;\r\n\r\n  // Interactions and Callbacks\r\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  tooltip?: string | ((_d: any) => React.ReactNode);\r\n  /** Callback for mouse over event */\r\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n  onSeriesMouseOver?: (_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 SparkLine(props: Props) {\r\n  const {\r\n    data,\r\n    graphTitle,\r\n    lineColor,\r\n    sources,\r\n    graphDescription,\r\n    height,\r\n    width,\r\n    footNote,\r\n    dateFormat = 'yyyy',\r\n    area = false,\r\n    padding,\r\n    backgroundColor = true,\r\n    leftMargin = 5,\r\n    rightMargin = 5,\r\n    topMargin = 10,\r\n    bottomMargin = 20,\r\n    tooltip,\r\n    relativeHeight,\r\n    onSeriesMouseOver,\r\n    graphID,\r\n    minValue,\r\n    maxValue,\r\n    graphDownload = false,\r\n    dataDownload = false,\r\n    language = 'en',\r\n    minHeight = 0,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    curveType = 'curve',\r\n    styles,\r\n    classNames,\r\n    customLayers = [],\r\n  } = props;\r\n\r\n  const [svgWidth, setSvgWidth] = useState(0);\r\n  const [svgHeight, setSvgHeight] = useState(0);\r\n\r\n  const graphDiv = useRef<HTMLDivElement>(null);\r\n  const graphParentDiv = useRef<HTMLDivElement>(null);\r\n  useEffect(() => {\r\n    const resizeObserver = new ResizeObserver(entries => {\r\n      setSvgWidth(entries[0].target.clientWidth || 620);\r\n      setSvgHeight(entries[0].target.clientHeight || 480);\r\n    });\r\n    if (graphDiv.current) {\r\n      resizeObserver.observe(graphDiv.current);\r\n    }\r\n    return () => resizeObserver.disconnect();\r\n  }, []);\r\n\r\n  return (\r\n    <GraphContainer\r\n      className={classNames?.graphContainer}\r\n      style={styles?.graphContainer}\r\n      id={graphID}\r\n      ref={graphParentDiv}\r\n      aria-label={ariaLabel}\r\n      backgroundColor={backgroundColor}\r\n      theme={theme}\r\n      language={language}\r\n      minHeight={minHeight}\r\n      width={width}\r\n      height={height}\r\n      relativeHeight={relativeHeight}\r\n      padding={padding}\r\n    >\r\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\r\n        <GraphHeader\r\n          styles={{\r\n            title: styles?.title,\r\n            description: styles?.description,\r\n          }}\r\n          classNames={{\r\n            title: classNames?.title,\r\n            description: classNames?.description,\r\n          }}\r\n          graphTitle={graphTitle}\r\n          graphDescription={graphDescription}\r\n          width={width}\r\n          graphDownload={graphDownload ? graphParentDiv : undefined}\r\n          dataDownload={\r\n            dataDownload\r\n              ? data.map(d => d.data).filter(d => d !== undefined).length > 0\r\n                ? data.map(d => d.data).filter(d => d !== undefined)\r\n                : data.filter(d => d !== undefined)\r\n              : null\r\n          }\r\n        />\r\n      ) : null}\r\n      <GraphArea ref={graphDiv}>\r\n        {svgWidth && svgHeight ? (\r\n          <Graph\r\n            data={data}\r\n            lineColor={lineColor || Colors.primaryColors['blue-600']}\r\n            width={svgWidth}\r\n            height={svgHeight}\r\n            dateFormat={dateFormat}\r\n            areaId={area ? generateRandomString(8) : undefined}\r\n            leftMargin={leftMargin}\r\n            rightMargin={rightMargin}\r\n            topMargin={topMargin}\r\n            bottomMargin={bottomMargin}\r\n            tooltip={tooltip}\r\n            onSeriesMouseOver={onSeriesMouseOver}\r\n            minValue={minValue}\r\n            maxValue={maxValue}\r\n            curveType={curveType}\r\n            styles={styles}\r\n            classNames={classNames}\r\n            customLayers={customLayers}\r\n          />\r\n        ) : null}\r\n      </GraphArea>\r\n      {sources || footNote ? (\r\n        <GraphFooter\r\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\r\n          classNames={{\r\n            footnote: classNames?.footnote,\r\n            source: classNames?.source,\r\n          }}\r\n          sources={sources}\r\n          footNote={footNote}\r\n          width={width}\r\n        />\r\n      ) : null}\r\n    </GraphContainer>\r\n  );\r\n}\r\n"],"names":["Graph","props","$","_c","data","width","height","lineColor","dateFormat","areaId","leftMargin","rightMargin","topMargin","bottomMargin","tooltip","onSeriesMouseOver","minValue","maxValue","curveType","styles","classNames","customLayers","curve","curveLinear","curveStep","curveStepAfter","curveStepBefore","curveMonotoneX","mouseOverData","setMouseOverData","useState","undefined","eventX","setEventX","eventY","setEventY","t0","top","bottom","left","right","margin","MouseoverRectRef","useRef","t1","d","date","parse","Date","dataFormatted","orderBy","map","graphWidth","graphHeight","minYear","maxYear","length","minParam","Math","min","_temp","filter","_temp2","Infinity","_temp3","_temp4","_temp5","_temp6","maxParam","max","_temp7","_temp8","_temp9","_temp0","x","scaleTime","domain","range","t2","checkIfNullOrUndefined","t3","y","scaleLinear","nice","mainGraphArea","area","d_10","y1","d_11","y0","lineShape","line","d_12","d_13","useEffect","mousemove","event","selectedData","bisectCenter","_temp1","invert","pointer","clientY","clientX","mouseout","select","current","on","t4","jsxs","jsx","stopColor","t5","_temp10","_temp11","t6","xAxis","labels","t7","cn","t8","t9","t10","t11","textAnchor","t12","t13","format","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","fill","clipPath","t25","stroke","strokeWidth","t26","_temp12","_temp13","t27","Symbol","for","pointerEvents","t28","t29","Tooltip","Fragment","d_18","layer","d_17","position","d_16","d_15","d_14","d_7","d_6","d_9","d_8","d_1","d_0","d_3","d_2","d_5","d_4","SparkLine","graphTitle","sources","graphDescription","footNote","padding","backgroundColor","relativeHeight","graphID","graphDownload","dataDownload","language","minHeight","theme","ariaLabel","svgWidth","setSvgWidth","svgHeight","setSvgHeight","graphDiv","graphParentDiv","resizeObserver","ResizeObserver","entries","target","clientWidth","clientHeight","observe","disconnect","graphContainer","description","title","GraphHeader","Colors","primaryColors","generateRandomString","GraphArea","footnote","source","GraphFooter","GraphContainer"],"mappings":"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"}

package/dist/Spinner-D7rnnwnA.js

@@ -0,0 +1,47 @@
+import { _ as p, m as l, a as u, b as y } from "./index-CHPV5EwG-Curnpaqc.js";
+const g = u("animate-spin border-[5px] rounded-full inline-block box-border", {
+  variants: {
+    variant: {
+      red: "border-accent-dark-red dark:border-accent-red border-b-primary-gray-300 dark:border-b-primary-gray-550",
+      blue: "border-primary-blue-600 dark:border-primary-blue-500 border-b-primary-gray-300 dark:border-b-primary-gray-550",
+      black: "border-primary-gray-600 dark:border-primary-gray-200 border-b-primary-gray-300 dark:border-b-primary-gray-550",
+      custom: "border-custom-color-600 border-b-primary-gray-300 dark:border-b-primary-gray-550"
+    },
+    size: {
+      sm: "border-[2px] h-6 w-6",
+      base: "border-[4px] h-8 w-8",
+      lg: "border-[6px] h-12 w-12"
+    }
+  },
+  defaultVariants: {
+    size: "base",
+    variant: "blue"
+  }
+});
+function x(c) {
+  const r = p.c(12), {
+    size: o,
+    variant: i,
+    show: n,
+    children: s,
+    className: t
+  } = c, m = n === void 0 || n ? "flex" : "hidden";
+  let a;
+  r[0] !== m ? (a = l("flex-col items-center justify-center", m), r[0] = m, r[1] = a) : a = r[1];
+  let e;
+  r[2] !== t || r[3] !== o || r[4] !== i ? (e = l(g({
+    variant: i,
+    size: o
+  }), t), r[2] = t, r[3] = o, r[4] = i, r[5] = e) : e = r[5];
+  let d;
+  r[6] !== e ? (d = /* @__PURE__ */ y.jsx("div", { className: e }), r[6] = e, r[7] = d) : d = r[7];
+  let b;
+  return r[8] !== s || r[9] !== a || r[10] !== d ? (b = /* @__PURE__ */ y.jsxs("span", { className: a, children: [
+    d,
+    s
+  ] }), r[8] = s, r[9] = a, r[10] = d, r[11] = b) : b = r[11], b;
+}
+export {
+  x as w
+};
+//# sourceMappingURL=Spinner-D7rnnwnA.js.map

package/dist/Spinner-D7rnnwnA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-D7rnnwnA.js","sources":["../node_modules/@undp/design-system-react/dist/Spinner.js"],"sourcesContent":["import { j as c } from \"./jsx-runtime-BzflLqGi.js\";\nimport { c as y } from \"./compiler-runtime-Cu50tn6L.js\";\nimport { c as u } from \"./index-CHPV5EwG.js\";\nimport { c as l } from \"./utils-D_Pof5Gy.js\";\nconst f = u(\"animate-spin border-[5px] rounded-full inline-block box-border\", {\n  variants: {\n    variant: {\n      red: \"border-accent-dark-red dark:border-accent-red border-b-primary-gray-300 dark:border-b-primary-gray-550\",\n      blue: \"border-primary-blue-600 dark:border-primary-blue-500 border-b-primary-gray-300 dark:border-b-primary-gray-550\",\n      black: \"border-primary-gray-600 dark:border-primary-gray-200 border-b-primary-gray-300 dark:border-b-primary-gray-550\",\n      custom: \"border-custom-color-600 border-b-primary-gray-300 dark:border-b-primary-gray-550\"\n    },\n    size: {\n      sm: \"border-[2px] h-6 w-6\",\n      base: \"border-[4px] h-8 w-8\",\n      lg: \"border-[6px] h-12 w-12\"\n    }\n  },\n  defaultVariants: {\n    size: \"base\",\n    variant: \"blue\"\n  }\n});\nfunction w(p) {\n  const r = y.c(12), {\n    size: s,\n    variant: t,\n    show: m,\n    children: d,\n    className: b\n  } = p, n = (m === void 0 ? !0 : m) ? \"flex\" : \"hidden\";\n  let e;\n  r[0] !== n ? (e = l(\"flex-col items-center justify-center\", n), r[0] = n, r[1] = e) : e = r[1];\n  let a;\n  r[2] !== b || r[3] !== s || r[4] !== t ? (a = l(f({\n    variant: t,\n    size: s\n  }), b), r[2] = b, r[3] = s, r[4] = t, r[5] = a) : a = r[5];\n  let o;\n  r[6] !== a ? (o = /* @__PURE__ */ c.jsx(\"div\", { className: a }), r[6] = a, r[7] = o) : o = r[7];\n  let i;\n  return r[8] !== d || r[9] !== e || r[10] !== o ? (i = /* @__PURE__ */ c.jsxs(\"span\", { className: e, children: [\n    o,\n    d\n  ] }), r[8] = d, r[9] = e, r[10] = o, r[11] = i) : i = r[11], i;\n}\nexport {\n  w as Spinner\n};\n//# sourceMappingURL=Spinner.js.map\n"],"names":["f","u","w","p","y","s","t","m","d","b","n","e","l","a","o","c","i"],"mappings":";AAIA,MAAMA,IAAIC,EAAE,kEAAkE;AAAA,EAC5E,UAAU;AAAA,IACR,SAAS;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,IACd;AAAA,IACI,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,IACV;AAAA,EACA;AAAA,EACE,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACb;AACA,CAAC;AACD,SAASC,EAAEC,GAAG;AACZ,QAAM,IAAIC,EAAE,EAAE,EAAE,GAAG;AAAA,IACjB,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,MAAMC;AAAA,IACN,UAAUC;AAAA,IACV,WAAWC;AAAA,EACf,IAAMN,GAAGO,IAAKH,MAAM,UAAcA,IAAK,SAAS;AAC9C,MAAII;AACJ,IAAE,CAAC,MAAMD,KAAKC,IAAIC,EAAE,wCAAwCF,CAAC,GAAG,EAAE,CAAC,IAAIA,GAAG,EAAE,CAAC,IAAIC,KAAKA,IAAI,EAAE,CAAC;AAC7F,MAAIE;AACJ,IAAE,CAAC,MAAMJ,KAAK,EAAE,CAAC,MAAMJ,KAAK,EAAE,CAAC,MAAMC,KAAKO,IAAID,EAAEZ,EAAE;AAAA,IAChD,SAASM;AAAA,IACT,MAAMD;AAAA,EACV,CAAG,GAAGI,CAAC,GAAG,EAAE,CAAC,IAAIA,GAAG,EAAE,CAAC,IAAIJ,GAAG,EAAE,CAAC,IAAIC,GAAG,EAAE,CAAC,IAAIO,KAAKA,IAAI,EAAE,CAAC;AACzD,MAAIC;AACJ,IAAE,CAAC,MAAMD,KAAKC,IAAoBC,gBAAAA,EAAE,IAAI,OAAO,EAAE,WAAWF,EAAC,CAAE,GAAG,EAAE,CAAC,IAAIA,GAAG,EAAE,CAAC,IAAIC,KAAKA,IAAI,EAAE,CAAC;AAC/F,MAAIE;AACJ,SAAO,EAAE,CAAC,MAAMR,KAAK,EAAE,CAAC,MAAMG,KAAK,EAAE,EAAE,MAAMG,KAAKE,IAAoBD,gBAAAA,EAAE,KAAK,QAAQ,EAAE,WAAWJ,GAAG,UAAU;AAAA,IAC7GG;AAAA,IACAN;AAAA,EACJ,GAAK,GAAG,EAAE,CAAC,IAAIA,GAAG,EAAE,CAAC,IAAIG,GAAG,EAAE,EAAE,IAAIG,GAAG,EAAE,EAAE,IAAIE,KAAKA,IAAI,EAAE,EAAE,GAAGA;AAC/D;","x_google_ignoreList":[0]}

package/dist/Spinner-DRMBUsX7.cjs

@@ -0,0 +1,2 @@
+"use strict";const b=require("./index-CHPV5EwG-CTPQjnHt.cjs"),y=b.j("animate-spin border-[5px] rounded-full inline-block box-border",{variants:{variant:{red:"border-accent-dark-red dark:border-accent-red border-b-primary-gray-300 dark:border-b-primary-gray-550",blue:"border-primary-blue-600 dark:border-primary-blue-500 border-b-primary-gray-300 dark:border-b-primary-gray-550",black:"border-primary-gray-600 dark:border-primary-gray-200 border-b-primary-gray-300 dark:border-b-primary-gray-550",custom:"border-custom-color-600 border-b-primary-gray-300 dark:border-b-primary-gray-550"},size:{sm:"border-[2px] h-6 w-6",base:"border-[4px] h-8 w-8",lg:"border-[6px] h-12 w-12"}},defaultVariants:{size:"base",variant:"blue"}});function p(m){const r=b._.c(12),{size:o,variant:s,show:c,children:t,className:n}=m,l=c===void 0||c?"flex":"hidden";let e;r[0]!==l?(e=b.mo("flex-col items-center justify-center",l),r[0]=l,r[1]=e):e=r[1];let a;r[2]!==n||r[3]!==o||r[4]!==s?(a=b.mo(y({variant:s,size:o}),n),r[2]=n,r[3]=o,r[4]=s,r[5]=a):a=r[5];let d;r[6]!==a?(d=b.ae.jsx("div",{className:a}),r[6]=a,r[7]=d):d=r[7];let i;return r[8]!==t||r[9]!==e||r[10]!==d?(i=b.ae.jsxs("span",{className:e,children:[d,t]}),r[8]=t,r[9]=e,r[10]=d,r[11]=i):i=r[11],i}exports.w=p;
+//# sourceMappingURL=Spinner-DRMBUsX7.cjs.map

package/dist/Spinner-DRMBUsX7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner-DRMBUsX7.cjs","sources":["../node_modules/@undp/design-system-react/dist/Spinner.js"],"sourcesContent":["import { j as c } from \"./jsx-runtime-BzflLqGi.js\";\nimport { c as y } from \"./compiler-runtime-Cu50tn6L.js\";\nimport { c as u } from \"./index-CHPV5EwG.js\";\nimport { c as l } from \"./utils-D_Pof5Gy.js\";\nconst f = u(\"animate-spin border-[5px] rounded-full inline-block box-border\", {\n  variants: {\n    variant: {\n      red: \"border-accent-dark-red dark:border-accent-red border-b-primary-gray-300 dark:border-b-primary-gray-550\",\n      blue: \"border-primary-blue-600 dark:border-primary-blue-500 border-b-primary-gray-300 dark:border-b-primary-gray-550\",\n      black: \"border-primary-gray-600 dark:border-primary-gray-200 border-b-primary-gray-300 dark:border-b-primary-gray-550\",\n      custom: \"border-custom-color-600 border-b-primary-gray-300 dark:border-b-primary-gray-550\"\n    },\n    size: {\n      sm: \"border-[2px] h-6 w-6\",\n      base: \"border-[4px] h-8 w-8\",\n      lg: \"border-[6px] h-12 w-12\"\n    }\n  },\n  defaultVariants: {\n    size: \"base\",\n    variant: \"blue\"\n  }\n});\nfunction w(p) {\n  const r = y.c(12), {\n    size: s,\n    variant: t,\n    show: m,\n    children: d,\n    className: b\n  } = p, n = (m === void 0 ? !0 : m) ? \"flex\" : \"hidden\";\n  let e;\n  r[0] !== n ? (e = l(\"flex-col items-center justify-center\", n), r[0] = n, r[1] = e) : e = r[1];\n  let a;\n  r[2] !== b || r[3] !== s || r[4] !== t ? (a = l(f({\n    variant: t,\n    size: s\n  }), b), r[2] = b, r[3] = s, r[4] = t, r[5] = a) : a = r[5];\n  let o;\n  r[6] !== a ? (o = /* @__PURE__ */ c.jsx(\"div\", { className: a }), r[6] = a, r[7] = o) : o = r[7];\n  let i;\n  return r[8] !== d || r[9] !== e || r[10] !== o ? (i = /* @__PURE__ */ c.jsxs(\"span\", { className: e, children: [\n    o,\n    d\n  ] }), r[8] = d, r[9] = e, r[10] = o, r[11] = i) : i = r[11], i;\n}\nexport {\n  w as Spinner\n};\n//# sourceMappingURL=Spinner.js.map\n"],"names":["f","u","w","p","y","s","t","m","d","b","n","l","o","c"],"mappings":"8DAIMA,EAAIC,EAAAA,EAAE,iEAAkE,CAC5E,SAAU,CACR,QAAS,CACP,IAAK,yGACL,KAAM,gHACN,MAAO,gHACP,OAAQ,kFACd,EACI,KAAM,CACJ,GAAI,uBACJ,KAAM,uBACN,GAAI,wBACV,CACA,EACE,gBAAiB,CACf,KAAM,OACN,QAAS,MACb,CACA,CAAC,EACD,SAASC,EAAEC,EAAG,CACZ,MAAM,EAAIC,EAAAA,EAAE,EAAE,EAAE,EAAG,CACjB,KAAMC,EACN,QAASC,EACT,KAAMC,EACN,SAAUC,EACV,UAAWC,CACf,EAAMN,EAAGO,EAAKH,IAAM,QAAcA,EAAK,OAAS,SAC9C,IAAI,EACJ,EAAE,CAAC,IAAMG,GAAK,EAAIC,KAAE,uCAAwCD,CAAC,EAAG,EAAE,CAAC,EAAIA,EAAG,EAAE,CAAC,EAAI,GAAK,EAAI,EAAE,CAAC,EAC7F,IAAI,EACJ,EAAE,CAAC,IAAMD,GAAK,EAAE,CAAC,IAAMJ,GAAK,EAAE,CAAC,IAAMC,GAAK,EAAIK,EAAAA,GAAEX,EAAE,CAChD,QAASM,EACT,KAAMD,CACV,CAAG,EAAGI,CAAC,EAAG,EAAE,CAAC,EAAIA,EAAG,EAAE,CAAC,EAAIJ,EAAG,EAAE,CAAC,EAAIC,EAAG,EAAE,CAAC,EAAI,GAAK,EAAI,EAAE,CAAC,EACzD,IAAIM,EACJ,EAAE,CAAC,IAAM,GAAKA,EAAoBC,EAAAA,GAAE,IAAI,MAAO,CAAE,UAAW,CAAC,CAAE,EAAG,EAAE,CAAC,EAAI,EAAG,EAAE,CAAC,EAAID,GAAKA,EAAI,EAAE,CAAC,EAC/F,IAAI,EACJ,OAAO,EAAE,CAAC,IAAMJ,GAAK,EAAE,CAAC,IAAM,GAAK,EAAE,EAAE,IAAMI,GAAK,EAAoBC,EAAAA,GAAE,KAAK,OAAQ,CAAE,UAAW,EAAG,SAAU,CAC7GD,EACAJ,CACJ,EAAK,EAAG,EAAE,CAAC,EAAIA,EAAG,EAAE,CAAC,EAAI,EAAG,EAAE,EAAE,EAAII,EAAG,EAAE,EAAE,EAAI,GAAK,EAAI,EAAE,EAAE,EAAG,CAC/D","x_google_ignoreList":[0]}

package/dist/StatCardFromData.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-CHPV5EwG-DjM48pIC.cjs"),y=require("./index-CSNtgibC.cjs"),E=require("./Typography-BDULiwlF.cjs"),R=require("./GraphFooter.cjs"),k=require("./GraphHeader.cjs"),m=require("./numberFormattingFunction-02t-wJta.cjs");function T(S){const{year:d,data:t,graphTitle:x,suffix:i="",sources:h,prefix:s="",graphDescription:c,footNote:f,padding:j,backgroundColor:g=!1,graphID:$,aggregationMethod:o="count",language:u="en",countOnly:p,theme:A="light",ariaLabel:G,textBackground:b=!1,headingFontSize:F="4.375rem",centerAlign:v=!1,verticalAlign:N="center",layout:w="primary",styles:n,classNames:a,precision:l=2}=S;return r.jsxRuntimeExports.jsx("div",{className:`${A||"light"} flex w-full`,dir:u==="he"||u==="ar"?"rtl":void 0,children:r.jsxRuntimeExports.jsx("div",{className:r.mo(`${g?g===!0?"bg-primary-gray-200 dark:bg-primary-gray-650 ":"":"bg-transparent "}flex flex-col w-full h-inherit ${u||"en"}`,a?.graphContainer),style:{...n?.graphContainer||{},...g&&g!==!0?{backgroundColor:g}:{}},id:$,"aria-label":G||`${x?`The graph shows ${x}. `:""}This is a statistic card.${c?` ${c}`:""}`,children:r.jsxRuntimeExports.jsx("div",{className:"flex grow",style:{padding:g?j||"1rem":j||0},children:w!=="secondary"?r.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-12 justify-between grow",children:[x||c?r.jsxRuntimeExports.jsx(k.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:a?.title,description:a?.description},graphTitle:x,graphDescription:c}):null,r.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${N==="top"?"justify-start":N==="bottom"?"justify-end":"justify-center"}`,children:r.jsxRuntimeExports.jsxs(E.h,{marginBottom:"base",className:`leading-none text-outline font-heading ${v?"text-center":u==="he"||u==="ar"?"text-right":"text-left"} ${b?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:F,letterSpacing:"0.05rem"},children:[t.filter(e=>typeof e.value=="string").length>0||o==="count"?p&&p?.length!==0?t.filter(e=>p.indexOf(e.value)!==-1).length:t.length:o==="sum"?m.numberFormattingFunction(y.sum(t.map(e=>e.value)),"NA",l,s,i):o==="average"?m.numberFormattingFunction(parseFloat((y.sum(t.map(e=>e.value))/t.length).toFixed(2)),"NA",l,s,i):o==="max"?m.numberFormattingFunction(Math.max(...t.map(e=>e.value).filter(e=>e!==void 0)),"NA",l,s,i):m.numberFormattingFunction(Math.min(...t.map(e=>e.value).filter(e=>e!==void 0)),"NA",l,s,i)," ",d?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",d,")"]}):null]})}),h||f?r.jsxRuntimeExports.jsx(R.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:h,footNote:f}):null]}):r.jsxRuntimeExports.jsxs("div",{className:"flex flex-col w-full gap-4 grow justify-center",children:[r.jsxRuntimeExports.jsxs(E.h,{marginBottom:w==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${v?"text-center":u==="he"||u==="ar"?"text-right":"text-left"} ${b?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:F,letterSpacing:"0.05rem"},children:[t.filter(e=>typeof e.value=="string").length>0||o==="count"?p&&p?.length!==0?t.filter(e=>p.indexOf(e.value)!==-1).length:t.length:o==="sum"?m.numberFormattingFunction(y.sum(t.map(e=>e.value)),"NA",l,s,i):o==="average"?m.numberFormattingFunction(parseFloat((y.sum(t.map(e=>e.value))/t.length).toFixed(2)),"NA",l,s,i):o==="max"?m.numberFormattingFunction(Math.max(...t.map(e=>e.value).filter(e=>e!==void 0)),"NA",l,s,i):m.numberFormattingFunction(Math.min(...t.map(e=>e.value).filter(e=>e!==void 0)),"NA",l,s,i)," ",d?r.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",d,")"]}):null]}),x||c?r.jsxRuntimeExports.jsx(k.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:a?.title,description:a?.description},graphTitle:x,graphDescription:c}):null,h||f?r.jsxRuntimeExports.jsx(R.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:h,footNote:f}):null]})})})})}exports.StatCardFromData=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-CTPQjnHt.cjs"),C=require("./index-CSNtgibC.cjs"),nt=require("./Typography-DX7PlgQU.cjs"),rt=require("./GraphFooter.cjs"),ot=require("./GraphHeader.cjs"),g=require("./numberFormattingFunction-02t-wJta.cjs");function st(e){const t=o.compilerRuntimeExports.c(50),{year:f,data:r,graphTitle:m,suffix:W,sources:h,prefix:L,graphDescription:p,footNote:y,padding:P,backgroundColor:I,graphID:G,aggregationMethod:V,language:J,countOnly:x,theme:K,ariaLabel:it,textBackground:Q,headingFontSize:U,centerAlign:X,verticalAlign:Y,layout:Z,styles:n,classNames:i,precision:tt}=e,s=W===void 0?"":W,a=L===void 0?"":L,d=I===void 0?!1:I,l=V===void 0?"count":V,c=J===void 0?"en":J,et=K===void 0?"light":K,k=Q===void 0?!1:Q,S=U===void 0?"4.375rem":U,_=X===void 0?!1:X,w=Y===void 0?"center":Y,$=Z===void 0?"primary":Z,u=tt===void 0?2:tt,M=`${et||"light"} w-full`,T=c==="he"||c==="ar"?"rtl":void 0,q=`${et||"light"} flex flex-col w-full box-border h-full ${d?d===!0?"bg-primary-gray-200 dark:bg-primary-gray-650":"":"bg-transparent"} ${c||"en"}`,H=i?.graphContainer;let v;t[0]!==q||t[1]!==H?(v=o.mo(q,H),t[0]=q,t[1]=H,t[2]=v):v=t[2];let j;t[3]!==n?.graphContainer?(j=n?.graphContainer||{},t[3]=n?.graphContainer,t[4]=j):j=t[4];let b;t[5]!==d?(b=d&&d!==!0?{backgroundColor:d}:{},t[5]=d,t[6]=b):b=t[6];const z=d?P||"1rem":P||0;let F;t[7]!==j||t[8]!==b||t[9]!==z?(F={...j,...b,padding:z},t[7]=j,t[8]=b,t[9]=z,t[10]=F):F=t[10];const B=it||`${m?`The graph shows ${m}. `:""}This is a statistic card.${p?` ${p}`:""}`,D=`flex flex-col w-full grow ${$!=="secondary"?"gap-12 justify-between":"gap-4 justify-center"}`;let N;t[11]!==l||t[12]!==_||t[13]!==i?.description||t[14]!==i?.footnote||t[15]!==i?.source||t[16]!==i?.title||t[17]!==x||t[18]!==r||t[19]!==y||t[20]!==p||t[21]!==m||t[22]!==S||t[23]!==c||t[24]!==$||t[25]!==u||t[26]!==a||t[27]!==h||t[28]!==n?.description||t[29]!==n?.footnote||t[30]!==n?.source||t[31]!==n?.title||t[32]!==s||t[33]!==k||t[34]!==w||t[35]!==f?(N=$!=="secondary"?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[m||p?o.jsxRuntimeExports.jsx(ot.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:i?.title,description:i?.description},graphTitle:m,graphDescription:p}):null,o.jsxRuntimeExports.jsx("div",{className:`flex flex-col justify-between grow ${w==="top"?"justify-start":w==="bottom"?"justify-end":"justify-center"}`,children:o.jsxRuntimeExports.jsxs(nt.$,{marginBottom:"base",className:`leading-none text-outline font-heading ${_?"text-center":c==="he"||c==="ar"?"text-right":"text-left"} ${k?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:S,letterSpacing:"0.05rem"},children:[r.filter(jt).length>0||l==="count"?x&&x?.length!==0?r.filter(O=>x.indexOf(O.value)!==-1).length:r.length:l==="sum"?g.numberFormattingFunction(C.sum(r.map(vt)),"NA",u,a,s):l==="average"?g.numberFormattingFunction(parseFloat((C.sum(r.map(yt))/r.length).toFixed(2)),"NA",u,a,s):l==="max"?g.numberFormattingFunction(Math.max(...r.map(ht).filter(ft)),"NA",u,a,s):g.numberFormattingFunction(Math.min(...r.map(gt).filter(dt)),"NA",u,a,s)," ",f?o.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",f,")"]}):null]})}),h||y?o.jsxRuntimeExports.jsx(rt.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:i?.footnote,source:i?.source},sources:h,footNote:y}):null]}):o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(nt.$,{marginBottom:$==="secondary"?"none":"base",className:`leading-none text-outline font-heading ${_?"text-center":c==="he"||c==="ar"?"text-right":"text-left"} ${k?"text-primary-black dark:text-primary-white":"transparent"}`,style:{fontSize:S,letterSpacing:"0.05rem"},children:[r.filter(xt).length>0||l==="count"?x&&x?.length!==0?r.filter(O=>x.indexOf(O.value)!==-1).length:r.length:l==="sum"?g.numberFormattingFunction(C.sum(r.map(pt)),"NA",u,a,s):l==="average"?g.numberFormattingFunction(parseFloat((C.sum(r.map(mt))/r.length).toFixed(2)),"NA",u,a,s):l==="max"?g.numberFormattingFunction(Math.max(...r.map(ct).filter(ut)),"NA",u,a,s):g.numberFormattingFunction(Math.min(...r.map(lt).filter(at)),"NA",u,a,s)," ",f?o.jsxRuntimeExports.jsxs("span",{className:"text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400",style:{marginLeft:"-8px",lineHeight:"1.09",textShadow:"none",WebkitTextStrokeWidth:0},children:["(",f,")"]}):null]}),m||p?o.jsxRuntimeExports.jsx(ot.GraphHeader,{styles:{title:n?.title,description:n?.description},classNames:{title:i?.title,description:i?.description},graphTitle:m,graphDescription:p}):null,h||y?o.jsxRuntimeExports.jsx(rt.GraphFooter,{styles:{footnote:n?.footnote,source:n?.source},classNames:{footnote:i?.footnote,source:i?.source},sources:h,footNote:y}):null]}),t[11]=l,t[12]=_,t[13]=i?.description,t[14]=i?.footnote,t[15]=i?.source,t[16]=i?.title,t[17]=x,t[18]=r,t[19]=y,t[20]=p,t[21]=m,t[22]=S,t[23]=c,t[24]=$,t[25]=u,t[26]=a,t[27]=h,t[28]=n?.description,t[29]=n?.footnote,t[30]=n?.source,t[31]=n?.title,t[32]=s,t[33]=k,t[34]=w,t[35]=f,t[36]=N):N=t[36];let E;t[37]!==D||t[38]!==N?(E=o.jsxRuntimeExports.jsx("div",{className:D,children:N}),t[37]=D,t[38]=N,t[39]=E):E=t[39];let R;t[40]!==G||t[41]!==T||t[42]!==v||t[43]!==F||t[44]!==B||t[45]!==E?(R=o.jsxRuntimeExports.jsx("div",{id:G,dir:T,className:v,style:F,"aria-label":B,children:E}),t[40]=G,t[41]=T,t[42]=v,t[43]=F,t[44]=B,t[45]=E,t[46]=R):R=t[46];let A;return t[47]!==M||t[48]!==R?(A=o.jsxRuntimeExports.jsx("div",{className:M,children:R}),t[47]=M,t[48]=R,t[49]=A):A=t[49],A}function at(e){return e!==void 0}function lt(e){return e.value}function ut(e){return e!==void 0}function ct(e){return e.value}function mt(e){return e.value}function pt(e){return e.value}function xt(e){return typeof e.value=="string"}function dt(e){return e!==void 0}function gt(e){return e.value}function ft(e){return e!==void 0}function ht(e){return e.value}function yt(e){return e.value}function vt(e){return e.value}function jt(e){return typeof e.value=="string"}exports.StatCardFromData=st;
 //# sourceMappingURL=StatCardFromData.cjs.map

package/dist/StatCardFromData.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatCardFromData.cjs","sources":["../src/Components/Graphs/StatCard/StatCardFromData.tsx"],"sourcesContent":["import sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { H3 } from '@undp/design-system-react/Typography';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StatCardsFromDataSheetDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StatCardsFromDataSheetDataType[];\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  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\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  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Graph Parameters\r\n  /** Data points that need to counted for aggregation.  */\r\n  countOnly?: (string | number)[];\r\n  /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */\r\n  aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\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 StatCardFromData(props: Props) {\r\n  const {\r\n    year,\r\n    data,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    aggregationMethod = 'count',\r\n    language = 'en',\r\n    countOnly,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n  } = props;\r\n\r\n  return (\r\n    <div\r\n      className={`${theme || 'light'} flex w-full`}\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          }flex flex-col w-full h-inherit ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n        }}\r\n        id={graphID}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className='flex grow'\r\n          style={{ padding: backgroundColor ? padding || '1rem' : padding || 0 }}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <div className='flex flex-col w-full gap-12 justify-between grow'>\r\n              {graphTitle || graphDescription ? (\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                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                  aggregationMethod === 'count'\r\n                    ? countOnly && countOnly?.length !== 0\r\n                      ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                      : data.length\r\n                    : aggregationMethod === 'sum'\r\n                      ? numberFormattingFunction(\r\n                          sum(data.map(d => d.value)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'average'\r\n                        ? numberFormattingFunction(\r\n                            parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : aggregationMethod === 'max'\r\n                          ? numberFormattingFunction(\r\n                              Math.max(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )\r\n                          : numberFormattingFunction(\r\n                              Math.min(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\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                />\r\n              ) : null}\r\n            </div>\r\n          ) : (\r\n            <div className='flex flex-col w-full gap-4 grow justify-center'>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                aggregationMethod === 'count'\r\n                  ? countOnly && countOnly?.length !== 0\r\n                    ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                    : data.length\r\n                  : aggregationMethod === 'sum'\r\n                    ? numberFormattingFunction(\r\n                        sum(data.map(d => d.value)),\r\n                        'NA',\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                      )\r\n                    : aggregationMethod === 'average'\r\n                      ? numberFormattingFunction(\r\n                          parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'max'\r\n                        ? numberFormattingFunction(\r\n                            Math.max(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : numberFormattingFunction(\r\n                            Math.min(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\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                />\r\n              ) : null}\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                />\r\n              ) : null}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["StatCardFromData","props","year","data","graphTitle","suffix","sources","prefix","graphDescription","footNote","padding","backgroundColor","graphID","aggregationMethod","language","countOnly","theme","ariaLabel","textBackground","headingFontSize","centerAlign","verticalAlign","layout","styles","classNames","precision","jsx","cn","jsxs","GraphHeader","H3","d","numberFormattingFunction","sum","GraphFooter"],"mappings":"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"}
+{"version":3,"file":"StatCardFromData.cjs","sources":["../src/Components/Graphs/StatCard/StatCardFromData.tsx"],"sourcesContent":["import sum from 'lodash.sum';\r\nimport { cn } from '@undp/design-system-react/cn';\r\nimport { H3 } from '@undp/design-system-react/Typography';\r\n\r\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\r\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\nimport {\r\n  Languages,\r\n  SourcesDataType,\r\n  StatCardsFromDataSheetDataType,\r\n  StyleObject,\r\n  ClassNameObject,\r\n} from '@/Types';\r\n\r\ninterface Props {\r\n  // Data\r\n  /** Array of data objects */\r\n  data: StatCardsFromDataSheetDataType[];\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  /** Background color of the graph */\r\n  backgroundColor?: string | boolean;\r\n  /** Defines the layout for the cards */\r\n  layout?: 'primary' | 'secondary';\r\n  /** Font size of the main text */\r\n  headingFontSize?: string;\r\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\r\n  padding?: string;\r\n  /** Toggle the fill color of the main text. */\r\n  textBackground?: boolean;\r\n  /** Toggle is the text is center aligned. */\r\n  centerAlign?: boolean;\r\n  /** Vertical alignment of the main text */\r\n  verticalAlign?: 'center' | 'top' | 'bottom';\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  // Values and Ticks\r\n  /** Prefix for values */\r\n  prefix?: string;\r\n  /** Suffix for values */\r\n  suffix?: string;\r\n  /** Sub text next to main text */\r\n  year?: number | string;\r\n\r\n  // Graph Parameters\r\n  /** Data points that need to counted for aggregation.  */\r\n  countOnly?: (string | number)[];\r\n  /** Method for aggregating the data to show as a single number in the card. If the data type of value in data object is string then only count is applicable. */\r\n  aggregationMethod?: 'count' | 'max' | 'min' | 'average' | 'sum';\r\n  /** Specifies the number of decimal places to display in the value. */\r\n  precision?: number;\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 StatCardFromData(props: Props) {\r\n  const {\r\n    year,\r\n    data,\r\n    graphTitle,\r\n    suffix = '',\r\n    sources,\r\n    prefix = '',\r\n    graphDescription,\r\n    footNote,\r\n    padding,\r\n    backgroundColor = false,\r\n    graphID,\r\n    aggregationMethod = 'count',\r\n    language = 'en',\r\n    countOnly,\r\n    theme = 'light',\r\n    ariaLabel,\r\n    textBackground = false,\r\n    headingFontSize = '4.375rem',\r\n    centerAlign = false,\r\n    verticalAlign = 'center',\r\n    layout = 'primary',\r\n    styles,\r\n    classNames,\r\n    precision = 2,\r\n  } = props;\r\n\r\n  return (\r\n    <div className={`${theme || 'light'} w-full`}>\r\n      <div\r\n        id={graphID}\r\n        dir={language === 'he' || language === 'ar' ? 'rtl' : undefined}\r\n        className={cn(\r\n          `${theme || 'light'} flex flex-col w-full box-border h-full ${\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          } ${language || 'en'}`,\r\n          classNames?.graphContainer,\r\n        )}\r\n        style={{\r\n          ...(styles?.graphContainer || {}),\r\n          ...(backgroundColor && backgroundColor !== true ? { backgroundColor } : {}),\r\n          padding: backgroundColor ? padding || '1rem' : padding || 0,\r\n        }}\r\n        aria-label={\r\n          ariaLabel ||\r\n          `${graphTitle ? `The graph shows ${graphTitle}. ` : ''}This is a statistic card.${\r\n            graphDescription ? ` ${graphDescription}` : ''\r\n          }`\r\n        }\r\n      >\r\n        <div\r\n          className={`flex flex-col w-full grow ${layout !== 'secondary' ? 'gap-12 justify-between' : 'gap-4 justify-center'}`}\r\n        >\r\n          {layout !== 'secondary' ? (\r\n            <>\r\n              {graphTitle || graphDescription ? (\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                />\r\n              ) : null}\r\n              <div\r\n                className={`flex flex-col justify-between grow ${\r\n                  verticalAlign === 'top'\r\n                    ? 'justify-start'\r\n                    : verticalAlign === 'bottom'\r\n                      ? 'justify-end'\r\n                      : 'justify-center'\r\n                }`}\r\n              >\r\n                <H3\r\n                  marginBottom='base'\r\n                  className={`leading-none text-outline font-heading ${\r\n                    centerAlign\r\n                      ? 'text-center'\r\n                      : language === 'he' || language === 'ar'\r\n                        ? 'text-right'\r\n                        : 'text-left'\r\n                  } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                  style={{\r\n                    fontSize: headingFontSize,\r\n                    letterSpacing: '0.05rem',\r\n                  }}\r\n                >\r\n                  {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                  aggregationMethod === 'count'\r\n                    ? countOnly && countOnly?.length !== 0\r\n                      ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                      : data.length\r\n                    : aggregationMethod === 'sum'\r\n                      ? numberFormattingFunction(\r\n                          sum(data.map(d => d.value)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'average'\r\n                        ? numberFormattingFunction(\r\n                            parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : aggregationMethod === 'max'\r\n                          ? numberFormattingFunction(\r\n                              Math.max(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )\r\n                          : numberFormattingFunction(\r\n                              Math.min(\r\n                                ...data\r\n                                  .map(d => d.value as number | undefined)\r\n                                  .filter(d => d !== undefined),\r\n                              ),\r\n                              'NA',\r\n                              precision,\r\n                              prefix,\r\n                              suffix,\r\n                            )}{' '}\r\n                  {year ? (\r\n                    <span\r\n                      className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                      style={{\r\n                        marginLeft: '-8px',\r\n                        lineHeight: '1.09',\r\n                        textShadow: 'none',\r\n                        WebkitTextStrokeWidth: 0,\r\n                      }}\r\n                    >\r\n                      ({year})\r\n                    </span>\r\n                  ) : null}\r\n                </H3>\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                />\r\n              ) : null}\r\n            </>\r\n          ) : (\r\n            <>\r\n              <H3\r\n                marginBottom={layout === 'secondary' ? 'none' : 'base'}\r\n                className={`leading-none text-outline font-heading ${\r\n                  centerAlign\r\n                    ? 'text-center'\r\n                    : language === 'he' || language === 'ar'\r\n                      ? 'text-right'\r\n                      : 'text-left'\r\n                } ${textBackground ? 'text-primary-black dark:text-primary-white' : 'transparent'}`}\r\n                style={{\r\n                  fontSize: headingFontSize,\r\n                  letterSpacing: '0.05rem',\r\n                }}\r\n              >\r\n                {data.filter(d => typeof d.value === 'string').length > 0 ||\r\n                aggregationMethod === 'count'\r\n                  ? countOnly && countOnly?.length !== 0\r\n                    ? data.filter(d => countOnly.indexOf(d.value) !== -1).length\r\n                    : data.length\r\n                  : aggregationMethod === 'sum'\r\n                    ? numberFormattingFunction(\r\n                        sum(data.map(d => d.value)),\r\n                        'NA',\r\n                        precision,\r\n                        prefix,\r\n                        suffix,\r\n                      )\r\n                    : aggregationMethod === 'average'\r\n                      ? numberFormattingFunction(\r\n                          parseFloat((sum(data.map(d => d.value)) / data.length).toFixed(2)),\r\n                          'NA',\r\n                          precision,\r\n                          prefix,\r\n                          suffix,\r\n                        )\r\n                      : aggregationMethod === 'max'\r\n                        ? numberFormattingFunction(\r\n                            Math.max(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )\r\n                        : numberFormattingFunction(\r\n                            Math.min(\r\n                              ...data\r\n                                .map(d => d.value as number | undefined)\r\n                                .filter(d => d !== undefined),\r\n                            ),\r\n                            'NA',\r\n                            precision,\r\n                            prefix,\r\n                            suffix,\r\n                          )}{' '}\r\n                {year ? (\r\n                  <span\r\n                    className='text-lg font-normal mt-0 mb-4 text-primary-gray-550 dark:text-primary-gray-400'\r\n                    style={{\r\n                      marginLeft: '-8px',\r\n                      lineHeight: '1.09',\r\n                      textShadow: 'none',\r\n                      WebkitTextStrokeWidth: 0,\r\n                    }}\r\n                  >\r\n                    ({year})\r\n                  </span>\r\n                ) : null}\r\n              </H3>\r\n              {graphTitle || graphDescription ? (\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                />\r\n              ) : null}\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                />\r\n              ) : null}\r\n            </>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["StatCardFromData","props","$","_c","year","data","graphTitle","suffix","t0","sources","prefix","t1","graphDescription","footNote","padding","backgroundColor","t2","graphID","aggregationMethod","t3","language","t4","countOnly","theme","t5","ariaLabel","textBackground","t6","headingFontSize","t7","centerAlign","t8","verticalAlign","t9","layout","t10","styles","classNames","precision","t11","undefined","t12","t13","t14","t15","graphContainer","t16","cn","t17","t18","t19","t20","t21","t22","t23","description","footnote","source","title","jsxs","Fragment","jsx","GraphHeader","H3","fontSize","letterSpacing","filter","_temp","length","indexOf","d","value","numberFormattingFunction","sum","map","_temp2","parseFloat","_temp3","toFixed","Math","max","_temp4","_temp5","min","_temp6","_temp7","marginLeft","lineHeight","textShadow","WebkitTextStrokeWidth","GraphFooter","_temp8","_temp9","_temp0","_temp1","_temp10","_temp11","_temp12","t24","t25","t26","d_13","d_12","d_11","d_10","d_9","d_8","d_14","d_5","d_4","d_3","d_2","d_1","d_0","d_6"],"mappings":"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"}

package/dist/StatCardFromData.d.ts

@@ -29,6 +29,7 @@ declare interface ClassNameObject {
     mouseOverLine?: string;
     regLine?: string;
     dataCards?: string;
+    colorLegend?: string;
 }
 
 declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'jp' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';