@undp/data-viz 2.5.4 → 2.6.1

package/dist/BeeSwarmChart--7HARz1J.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeeSwarmChart--7HARz1J.cjs","names":[],"sources":["../src/Components/Graphs/BeeSwarmChart/Graph.tsx","../src/Components/Graphs/BeeSwarmChart/index.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\nimport { Spinner } from '@undp/design-system-react/Spinner';\nimport { P } from '@undp/design-system-react/Typography';\nimport { forceCollide, forceManyBody, forceSimulation, forceX, forceY } from 'd3-force';\nimport { scaleLinear, scaleSqrt } from 'd3-scale';\nimport isEqual from 'fast-deep-equal';\nimport orderBy from 'lodash.orderby';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { Axis } from '@/Components/Elements/Axes/Axis';\nimport { XTicksAndGridLines } from '@/Components/Elements/Axes/XTicksAndGridLines';\nimport { YTicksAndGridLines } from '@/Components/Elements/Axes/YTicksAndGridLines';\nimport { DetailsModal } from '@/Components/Elements/DetailsModal';\nimport { RefLineX, RefLineY } from '@/Components/Elements/ReferenceLine';\nimport { Tooltip } from '@/Components/Elements/Tooltip';\nimport type {\n  BeeSwarmChartDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  ReferenceDataType,\n  StyleObject,\n} from '@/Types';\nimport { checkIfNullOrUndefined } from '@/Utils/checkIfNullOrUndefined';\nimport { getTextColorBasedOnBgColor } from '@/Utils/getTextColorBasedOnBgColor';\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\n\ninterface BeeSwarmChartDataTypeForBubbleChart extends BeeSwarmChartDataType {\n  x: number;\n  y: number;\n  vx: number;\n  vy: number;\n}\n\ninterface Props {\n  data: BeeSwarmChartDataType[];\n  circleColors: string[];\n  colorDomain: string[];\n  showTicks: boolean;\n  leftMargin?: number;\n  rightMargin?: number;\n  topMargin?: number;\n  bottomMargin?: number;\n  showLabels: boolean;\n  width: number;\n  height: number;\n  suffix: string;\n  prefix: string;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  refValues?: ReferenceDataType[];\n  selectedColor?: string;\n  startFromZero: boolean;\n  radius: number;\n  maxRadiusValue?: number;\n  maxValue?: number;\n  minValue?: number;\n  highlightedDataPoints?: (string | number)[];\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n  resetSelectionOnDoubleClick: boolean;\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  styles?: StyleObject;\n  classNames?: ClassNameObject;\n  noOfTicks: number;\n  dimmedOpacity: number;\n  precision: number;\n  customLayers: CustomLayerDataType[];\n  rtl?: boolean;\n  hideAxisLine: boolean;\n  locale: string;\n  padZeros: boolean;\n}\n\nexport function VerticalGraph(props: Props) {\n  const {\n    data,\n    circleColors,\n    showTicks,\n    width,\n    height,\n    colorDomain,\n    topMargin = 25,\n    bottomMargin = 10,\n    leftMargin = 100,\n    rightMargin = 40,\n    suffix,\n    prefix,\n    showLabels,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    selectedColor,\n    startFromZero,\n    radius,\n    maxRadiusValue,\n    maxValue,\n    minValue,\n    highlightedDataPoints,\n    onSeriesMouseClick,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    styles,\n    classNames,\n    noOfTicks,\n    dimmedOpacity,\n    precision,\n    customLayers,\n    hideAxisLine,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [finalData, setFinalData] = useState<BeeSwarmChartDataTypeForBubbleChart[] | null>(null);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: leftMargin,\n    right: rightMargin,\n  };\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n\n  const dataOrdered = useMemo(\n    () =>\n      data.filter((d) => !checkIfNullOrUndefined(d.radius)).length === 0\n        ? data\n        : orderBy(\n            data.filter((d) => !checkIfNullOrUndefined(d.radius)),\n            'radius',\n            'desc',\n          ),\n    [data],\n  );\n  const yMaxValue = !checkIfNullOrUndefined(maxValue)\n    ? (maxValue as number)\n    : Math.max(...data.filter((d) => !checkIfNullOrUndefined(d.position)).map((d) => d.position)) <\n          0 && !startFromZero\n      ? 0\n      : Math.max(...data.filter((d) => !checkIfNullOrUndefined(d.position)).map((d) => d.position));\n  const yMinValue = !checkIfNullOrUndefined(minValue)\n    ? (minValue as number)\n    : Math.min(...data.filter((d) => !checkIfNullOrUndefined(d.position)).map((d) => d.position)) >=\n          0 && !startFromZero\n      ? 0\n      : Math.min(...data.filter((d) => !checkIfNullOrUndefined(d.position)).map((d) => d.position));\n\n  const radiusScale = useMemo(\n    () =>\n      data.filter((d) => d.radius === undefined || d.radius === null).length !== data.length\n        ? scaleSqrt()\n            .domain([\n              0,\n              checkIfNullOrUndefined(maxRadiusValue)\n                ? Math.max(\n                    ...data.map((d) => d.radius).filter((d) => d !== undefined && d !== null),\n                  )\n                : (maxRadiusValue as number),\n            ])\n            .range([0.25, radius])\n            .nice()\n        : undefined,\n    [data, radius, maxRadiusValue],\n  );\n  const y = useMemo(\n    () => scaleLinear().domain([yMinValue, yMaxValue]).range([graphHeight, 0]).nice(),\n    [yMaxValue, yMaxValue, graphHeight],\n  );\n  const yTicks = y.ticks(noOfTicks);\n\n  useEffect(() => {\n    const dataTemp = (\n      dataOrdered.map((d) => ({\n        ...d,\n        ...(d.data && { data: { ...d.data } }),\n      })) as BeeSwarmChartDataType[]\n    ).filter((d) => d.position);\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    forceSimulation(dataTemp as any)\n      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n      .force('y', forceY((d: any) => y(d.position as number)).strength(5))\n      .force('x', forceX((_d) => graphWidth / 2).strength(1))\n      .force(\n        'collide',\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        forceCollide((d: any) => (radiusScale ? radiusScale(d.radius || 0) + 1 : radius + 1)),\n      )\n      .force('charge', forceManyBody().strength(-15))\n      .alphaDecay(0.05)\n      .tick(10000)\n      .on('tick', () => {\n        setFinalData(dataTemp as BeeSwarmChartDataTypeForBubbleChart[]);\n      })\n      .on('end', () => {\n        setFinalData(dataTemp as BeeSwarmChartDataTypeForBubbleChart[]);\n      });\n  }, [radius, graphWidth, dataOrdered, y, radiusScale]);\n\n  return (\n    <>\n      {finalData ? (\n        <svg\n          width={`${width}px`}\n          height={`${height}px`}\n          viewBox={`0 0 ${width} ${height}`}\n          direction='ltr'\n          ref={svgRef}\n        >\n          <g transform={`translate(${margin.left},${margin.top})`}>\n            {showTicks ? (\n              <>\n                <Axis\n                  hideAxisLine={hideAxisLine}\n                  y1={y(yMinValue < 0 ? 0 : yMinValue)}\n                  y2={y(yMinValue < 0 ? 0 : yMinValue)}\n                  x1={0 - margin.left}\n                  x2={graphWidth + margin.right}\n                  label={\n                    showTicks\n                      ? numberFormattingFunction(\n                          yMinValue < 0 ? 0 : yMinValue,\n                          undefined,\n                          precision,\n                          prefix,\n                          suffix,\n                          locale,\n                          padZeros,\n                        )\n                      : undefined\n                  }\n                  labelPos={{\n                    x: 0 - margin.left,\n                    y: y(yMinValue < 0 ? 0 : yMinValue),\n                    dx: 0,\n                    dy: yMaxValue < 0 ? '1em' : -5,\n                  }}\n                  classNames={{\n                    axis: classNames?.xAxis?.axis,\n                    label: classNames?.yAxis?.labels,\n                  }}\n                  styles={{\n                    axis: styles?.xAxis?.axis,\n                    label: styles?.yAxis?.labels,\n                  }}\n                />\n                <YTicksAndGridLines\n                  values={yTicks.filter((d) => d !== 0)}\n                  y={yTicks.filter((d) => d !== 0).map((d) => y(d))}\n                  x1={0 - margin.left}\n                  x2={graphWidth + margin.right}\n                  styles={{\n                    gridLines: styles?.yAxis?.gridLines,\n                    labels: styles?.yAxis?.labels,\n                  }}\n                  classNames={{\n                    gridLines: classNames?.yAxis?.gridLines,\n                    labels: classNames?.yAxis?.labels,\n                  }}\n                  suffix={suffix}\n                  prefix={prefix}\n                  labelType='secondary'\n                  showGridLines\n                  labelPos='vertical'\n                  precision={precision}\n                  locale={locale}\n                  padZeros={padZeros}\n                />\n              </>\n            ) : null}\n            {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n            {finalData.map((d) => (\n              // biome-ignore lint/a11y/noStaticElementInteractions: interaction for graph\n              <g\n                className='undp-viz-g-with-hover'\n                key={d.label}\n                transform={`translate(${d.x},${d.y})`}\n                opacity={\n                  selectedColor\n                    ? d.color\n                      ? circleColors[colorDomain.indexOf(d.color)] === selectedColor\n                        ? 1\n                        : dimmedOpacity\n                      : dimmedOpacity\n                    : highlightedDataPoints\n                      ? highlightedDataPoints.indexOf(d.label) !== -1\n                        ? 0.85\n                        : dimmedOpacity\n                      : 0.85\n                }\n                onMouseEnter={(event) => {\n                  setMouseOverData(d);\n                  setEventY(event.clientY);\n                  setEventX(event.clientX);\n                  onSeriesMouseOver?.(d);\n                }}\n                onMouseMove={(event) => {\n                  setMouseOverData(d);\n                  setEventY(event.clientY);\n                  setEventX(event.clientX);\n                }}\n                onClick={() => {\n                  if (onSeriesMouseClick || detailsOnClick) {\n                    if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                      setMouseClickData(undefined);\n                      onSeriesMouseClick?.(undefined);\n                    } else {\n                      setMouseClickData(d);\n                      onSeriesMouseClick?.(d);\n                    }\n                  }\n                }}\n                onMouseLeave={() => {\n                  setMouseOverData(undefined);\n                  setEventX(undefined);\n                  setEventY(undefined);\n                  onSeriesMouseOver?.(undefined);\n                }}\n              >\n                <circle\n                  cx={0}\n                  cy={0}\n                  r={radiusScale ? radiusScale(d.radius || 0) : radius}\n                  fill={\n                    data.filter((el) => el.color).length === 0\n                      ? circleColors[0]\n                      : !d.color\n                        ? Colors.gray\n                        : circleColors[colorDomain.indexOf(d.color)]\n                  }\n                />\n                {(radiusScale ? radiusScale(d.radius || 0) : radius) > 10 && showLabels ? (\n                  <g>\n                    <foreignObject\n                      y={0 - (radiusScale ? radiusScale(d.radius || 0) : radius)}\n                      x={0 - (radiusScale ? radiusScale(d.radius || 0) : radius)}\n                      width={2 * (radiusScale ? radiusScale(d.radius || 0) : radius)}\n                      height={2 * (radiusScale ? radiusScale(d.radius || 0) : radius)}\n                    >\n                      <div className='flex flex-col justify-center items-center h-inherit py-0 px-1.5'>\n                        {showLabels ? (\n                          <p\n                            className={cn(\n                              'text-center leading-none m-0',\n                              classNames?.graphObjectValues,\n                            )}\n                            style={{\n                              fontSize: `${Math.min(\n                                Math.max(\n                                  Math.round(\n                                    (radiusScale ? radiusScale(d.radius || 0) : radius) / 4,\n                                  ),\n                                  10,\n                                ),\n                                Math.max(\n                                  Math.round(\n                                    ((radiusScale ? radiusScale(d.radius || 0) : radius) * 12) /\n                                      `${d.label}`.length,\n                                  ),\n                                  10,\n                                ),\n                                20,\n                              )}px`,\n                              hyphens: 'auto',\n                              color: getTextColorBasedOnBgColor(\n                                data.filter((el) => el.color).length === 0\n                                  ? circleColors[0]\n                                  : !d.color\n                                    ? Colors.gray\n                                    : circleColors[colorDomain.indexOf(d.color)],\n                              ),\n                              ...(styles?.graphObjectValues || {}),\n                            }}\n                          >\n                            {d.label}\n                          </p>\n                        ) : null}\n                      </div>\n                    </foreignObject>\n                  </g>\n                ) : null}\n              </g>\n            ))}\n            {refValues?.map((el) => (\n              <RefLineY\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                y={y(el.value as number)}\n                x1={0 - margin.left}\n                x2={graphWidth + margin.right}\n                classNames={el.classNames}\n                styles={el.styles}\n                isInView={true}\n              />\n            ))}\n            {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n          </g>\n        </svg>\n      ) : (\n        <div style={{ width: `${width}px`, height: `${height}px` }}>\n          <div className='flex m-auto items-center justify-center p-0 leading-none text-base h-40'>\n            <Spinner />\n          </div>\n        </div>\n      )}\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n\nexport function HorizontalGraph(props: Props) {\n  const {\n    data,\n    circleColors,\n    showTicks,\n    width,\n    height,\n    colorDomain,\n    topMargin = 25,\n    bottomMargin = 10,\n    leftMargin = 10,\n    rightMargin = 10,\n    showLabels,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    selectedColor,\n    startFromZero,\n    radius,\n    maxRadiusValue,\n    maxValue,\n    minValue,\n    highlightedDataPoints,\n    onSeriesMouseClick,\n    rtl,\n    resetSelectionOnDoubleClick,\n    detailsOnClick,\n    suffix,\n    prefix,\n    styles,\n    classNames,\n    noOfTicks,\n    dimmedOpacity,\n    precision,\n    customLayers,\n    hideAxisLine,\n    locale,\n    padZeros,\n  } = props;\n  const svgRef = useRef(null);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseOverData, setMouseOverData] = useState<any>(undefined);\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  const [mouseClickData, setMouseClickData] = useState<any>(undefined);\n  const [finalData, setFinalData] = useState<BeeSwarmChartDataTypeForBubbleChart[] | null>(null);\n  const [eventX, setEventX] = useState<number | undefined>(undefined);\n  const [eventY, setEventY] = useState<number | undefined>(undefined);\n  const margin = {\n    top: topMargin,\n    bottom: bottomMargin,\n    left: leftMargin,\n    right: rightMargin,\n  };\n  const graphWidth = width - margin.left - margin.right;\n  const graphHeight = height - margin.top - margin.bottom;\n\n  const dataOrdered = useMemo(\n    () =>\n      data.filter((d) => !checkIfNullOrUndefined(d.radius)).length === 0\n        ? data\n        : orderBy(\n            data.filter((d) => !checkIfNullOrUndefined(d.radius)),\n            'radius',\n            'desc',\n          ),\n    [data],\n  );\n  const xMaxValue = !checkIfNullOrUndefined(maxValue)\n    ? (maxValue as number)\n    : Math.max(...data.filter((d) => !checkIfNullOrUndefined(d.position)).map((d) => d.position)) <\n          0 && !startFromZero\n      ? 0\n      : Math.max(...data.filter((d) => !checkIfNullOrUndefined(d.position)).map((d) => d.position));\n  const xMinValue = !checkIfNullOrUndefined(minValue)\n    ? (minValue as number)\n    : Math.min(...data.filter((d) => !checkIfNullOrUndefined(d.position)).map((d) => d.position)) >=\n          0 && !startFromZero\n      ? 0\n      : Math.min(...data.filter((d) => !checkIfNullOrUndefined(d.position)).map((d) => d.position));\n\n  const radiusScale = useMemo(\n    () =>\n      data.filter((d) => d.radius === undefined || d.radius === null).length !== data.length\n        ? scaleSqrt()\n            .domain([\n              0,\n              checkIfNullOrUndefined(maxRadiusValue)\n                ? Math.max(\n                    ...data.map((d) => d.radius).filter((d) => d !== undefined && d !== null),\n                  )\n                : (maxRadiusValue as number),\n            ])\n            .range([0.25, radius])\n            .nice()\n        : undefined,\n    [data, radius, maxRadiusValue],\n  );\n  const x = useMemo(\n    () => scaleLinear().domain([xMinValue, xMaxValue]).range([0, graphWidth]).nice(),\n    [xMinValue, xMaxValue, graphWidth],\n  );\n  const xTicks = x.ticks(noOfTicks);\n\n  useEffect(() => {\n    const dataTemp = (\n      dataOrdered.map((d) => ({\n        ...d,\n        ...(d.data && { data: { ...d.data } }),\n      })) as BeeSwarmChartDataType[]\n    ).filter((d) => d.position);\n    // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n    forceSimulation(dataTemp as any)\n      // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n      .force('x', forceX((d: any) => x(d.position as number)).strength(5))\n      .force('y', forceY((_d) => graphHeight / 2).strength(1))\n      .force(\n        'collide',\n        // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n        forceCollide((d: any) => (radiusScale ? radiusScale(d.radius || 0) + 1 : radius + 1)),\n      )\n      .force('charge', forceManyBody().strength(-15))\n      .alphaDecay(0.05)\n      .tick(10000)\n      .on('tick', () => {\n        setFinalData(dataTemp as BeeSwarmChartDataTypeForBubbleChart[]);\n      })\n      .on('end', () => {\n        setFinalData(dataTemp as BeeSwarmChartDataTypeForBubbleChart[]);\n      });\n  }, [radius, graphHeight, dataOrdered, x, radiusScale]);\n\n  return (\n    <>\n      {finalData ? (\n        <svg\n          width={`${width}px`}\n          height={`${height}px`}\n          viewBox={`0 0 ${width} ${height}`}\n          direction='ltr'\n          ref={svgRef}\n        >\n          <g transform={`translate(${margin.left},${margin.top})`}>\n            {showTicks ? (\n              <>\n                <Axis\n                  hideAxisLine={hideAxisLine}\n                  x1={x(xMinValue < 0 ? 0 : xMinValue)}\n                  x2={x(xMinValue < 0 ? 0 : xMinValue)}\n                  y1={0 - margin.top}\n                  y2={graphHeight + margin.bottom}\n                  label={\n                    showTicks\n                      ? numberFormattingFunction(\n                          xMinValue < 0 ? 0 : xMinValue,\n                          undefined,\n                          precision,\n                          prefix,\n                          suffix,\n                          locale,\n                          padZeros,\n                        )\n                      : undefined\n                  }\n                  labelPos={{\n                    x: x(xMinValue < 0 ? 0 : xMinValue),\n                    y: 0 - topMargin,\n                    dy: '0.75em',\n                    dx: 3,\n                  }}\n                  classNames={{\n                    axis: classNames?.xAxis?.axis,\n                    label: classNames?.yAxis?.labels,\n                  }}\n                  styles={{\n                    axis: styles?.xAxis?.axis,\n                    label: styles?.yAxis?.labels,\n                  }}\n                />\n                <XTicksAndGridLines\n                  values={xTicks.filter((d) => d !== 0)}\n                  x={xTicks.filter((d) => d !== 0).map((d) => x(d))}\n                  y1={0 - topMargin}\n                  y2={graphHeight + margin.bottom}\n                  styles={{\n                    gridLines: styles?.xAxis?.gridLines,\n                    labels: styles?.xAxis?.labels,\n                  }}\n                  classNames={{\n                    gridLines: classNames?.xAxis?.gridLines,\n                    labels: classNames?.xAxis?.labels,\n                  }}\n                  suffix={suffix}\n                  prefix={prefix}\n                  labelType='secondary'\n                  showGridLines\n                  precision={precision}\n                  locale={locale}\n                  padZeros={padZeros}\n                />\n              </>\n            ) : null}\n            {customLayers.filter((d) => d.position === 'before').map((d) => d.layer)}\n            {finalData.map((d) => (\n              // biome-ignore lint/a11y/noStaticElementInteractions: interaction for graph\n              <g\n                className='undp-viz-g-with-hover'\n                key={d.label}\n                transform={`translate(${d.x},${d.y})`}\n                opacity={\n                  selectedColor\n                    ? d.color\n                      ? circleColors[colorDomain.indexOf(d.color)] === selectedColor\n                        ? 1\n                        : dimmedOpacity\n                      : dimmedOpacity\n                    : highlightedDataPoints\n                      ? highlightedDataPoints.indexOf(d.label) !== -1\n                        ? 0.85\n                        : dimmedOpacity\n                      : 0.85\n                }\n                onMouseEnter={(event) => {\n                  setMouseOverData(d);\n                  setEventY(event.clientY);\n                  setEventX(event.clientX);\n                  onSeriesMouseOver?.(d);\n                }}\n                onMouseMove={(event) => {\n                  setMouseOverData(d);\n                  setEventY(event.clientY);\n                  setEventX(event.clientX);\n                }}\n                onClick={() => {\n                  if (onSeriesMouseClick || detailsOnClick) {\n                    if (isEqual(mouseClickData, d) && resetSelectionOnDoubleClick) {\n                      setMouseClickData(undefined);\n                      onSeriesMouseClick?.(undefined);\n                    } else {\n                      setMouseClickData(d);\n                      onSeriesMouseClick?.(d);\n                    }\n                  }\n                }}\n                onMouseLeave={() => {\n                  setMouseOverData(undefined);\n                  setEventX(undefined);\n                  setEventY(undefined);\n                  onSeriesMouseOver?.(undefined);\n                }}\n              >\n                <circle\n                  cx={0}\n                  cy={0}\n                  fill={\n                    data.filter((el) => el.color).length === 0\n                      ? circleColors[0]\n                      : !d.color\n                        ? Colors.gray\n                        : circleColors[colorDomain.indexOf(d.color)]\n                  }\n                  r={radiusScale ? radiusScale(d.radius || 0) : radius}\n                />\n                {(radiusScale ? radiusScale(d.radius || 0) : radius) > 10 && showLabels ? (\n                  <g>\n                    <foreignObject\n                      y={0 - (radiusScale ? radiusScale(d.radius || 0) : radius)}\n                      x={0 - (radiusScale ? radiusScale(d.radius || 0) : radius)}\n                      width={2 * (radiusScale ? radiusScale(d.radius || 0) : radius)}\n                      height={2 * (radiusScale ? radiusScale(d.radius || 0) : radius)}\n                    >\n                      <div className='flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5'>\n                        {showLabels ? (\n                          <P\n                            className={cn(\n                              'text-center leading-none m-0',\n                              classNames?.graphObjectValues,\n                            )}\n                            marginBottom='none'\n                            style={{\n                              fontSize: `${Math.min(\n                                Math.max(\n                                  Math.round(\n                                    (radiusScale ? radiusScale(d.radius || 0) : radius) / 4,\n                                  ),\n                                  10,\n                                ),\n                                Math.max(\n                                  Math.round(\n                                    ((radiusScale ? radiusScale(d.radius || 0) : radius) * 12) /\n                                      `${d.label}`.length,\n                                  ),\n                                  10,\n                                ),\n                                20,\n                              )}px`,\n                              color: getTextColorBasedOnBgColor(\n                                data.filter((el) => el.color).length === 0\n                                  ? circleColors[0]\n                                  : !d.color\n                                    ? Colors.gray\n                                    : circleColors[colorDomain.indexOf(d.color)],\n                              ),\n                              hyphens: 'auto',\n                              ...(styles?.graphObjectValues || {}),\n                            }}\n                          >\n                            {d.label}\n                          </P>\n                        ) : null}\n                      </div>\n                    </foreignObject>\n                  </g>\n                ) : null}\n              </g>\n            ))}\n            {refValues?.map((el) => (\n              <RefLineX\n                key={el.text}\n                text={el.text}\n                color={el.color}\n                x={x(el.value as number)}\n                y1={0 - margin.top}\n                y2={graphHeight + margin.bottom}\n                textSide={x(el.value as number) > graphWidth * 0.75 || rtl ? 'left' : 'right'}\n                classNames={el.classNames}\n                styles={el.styles}\n                isInView={true}\n              />\n            ))}\n            {customLayers.filter((d) => d.position === 'after').map((d) => d.layer)}\n          </g>\n        </svg>\n      ) : (\n        <div style={{ width: `${width}px`, height: `${height}px` }}>\n          <div className='flex m-auto items-center justify-center p-0 leading-none text-base h-40'>\n            <Spinner />\n          </div>\n        </div>\n      )}\n      {mouseOverData && tooltip && eventX && eventY ? (\n        <Tooltip\n          data={mouseOverData}\n          body={tooltip}\n          xPos={eventX}\n          yPos={eventY}\n          backgroundStyle={styles?.tooltip}\n          className={classNames?.tooltip}\n        />\n      ) : null}\n      {detailsOnClick && mouseClickData !== undefined ? (\n        <DetailsModal\n          body={detailsOnClick}\n          data={mouseClickData}\n          setData={setMouseClickData}\n          className={classNames?.modal}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { useEffect, useRef, useState } from 'react';\nimport { Colors } from '@/Components/ColorPalette';\nimport { ColorLegendWithMouseOver } from '@/Components/Elements/ColorLegendWithMouseOver';\nimport { EmptyState } from '@/Components/Elements/EmptyState';\nimport { GraphArea, GraphContainer } from '@/Components/Elements/GraphContainer';\nimport { GraphFooter } from '@/Components/Elements/GraphFooter';\nimport { GraphHeader } from '@/Components/Elements/GraphHeader';\nimport type {\n  BeeSwarmChartDataType,\n  ClassNameObject,\n  CustomLayerDataType,\n  Languages,\n  NumberFormatOptions,\n  ReferenceDataType,\n  SourcesDataType,\n  StyleObject,\n} from '@/Types';\nimport { uniqBy } from '@/Utils/uniqBy';\nimport { HorizontalGraph, VerticalGraph } from './Graph';\n\ninterface Props {\n  // Data\n  /** Array of data objects */\n  data: BeeSwarmChartDataType[];\n\n  /** Orientation of the graph */\n  orientation?: 'vertical' | 'horizontal';\n\n  // Titles, Labels, and Sources\n  /** Title of the graph */\n  graphTitle?: string | React.ReactNode;\n  /** Description of the graph */\n  graphDescription?: string | React.ReactNode;\n  /** Footnote for the graph */\n  footNote?: string | React.ReactNode;\n  /** Source data for the graph */\n  sources?: SourcesDataType[];\n  /** Accessibility label */\n  ariaLabel?: string;\n\n  // Colors and Styling\n  /** Color or array of colors for circle */\n  colors?: string | string[];\n  /** Domain of colors for the graph */\n  colorDomain?: string[];\n  /** Title for the color legend */\n  colorLegendTitle?: string;\n  /** Background color of the graph */\n  backgroundColor?: string | boolean;\n  /** Custom styles for the graph. Each object should be a valid React CSS style object. */\n  styles?: StyleObject;\n  /** Custom class names */\n  classNames?: ClassNameObject;\n\n  // Size and Spacing\n  /** Width of the graph */\n  width?: number;\n  /** Height of the graph */\n  height?: number;\n  /** Minimum height of the graph */\n  minHeight?: number;\n  /** Relative height scaling factor. This overwrites the height props */\n  relativeHeight?: number;\n  /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */\n  padding?: string;\n  /** Left margin of the graph */\n  leftMargin?: number;\n  /** Right margin of the graph */\n  rightMargin?: number;\n  /** Top margin of the graph */\n  topMargin?: number;\n  /** Bottom margin of the graph */\n  bottomMargin?: number;\n\n  // Values and Ticks\n  /** Maximum value for the radius of the circle */\n  maxRadiusValue?: number;\n  /** Minimum value for position of the circle */\n  minValue?: number;\n  /** Maximum value for position of the circle */\n  maxValue?: number;\n  /** Reference values for comparison */\n  refValues?: ReferenceDataType[];\n  /** Number of ticks on the axis */\n  noOfTicks?: number;\n\n  // Graph Parameters\n  /** Toggle visibility of labels */\n  showLabels?: boolean;\n  /** Toggle visibility of values */\n  showTicks?: boolean;\n  /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */\n  showColorScale?: boolean;\n  /** Toggle visibility of NA color in the color scale. This is only applicable if the data props hae color parameter and showColorScale prop is true */\n  showNAColor?: boolean;\n  /** Toggle visibility of axis line for the  main axis */\n  hideAxisLine?: boolean;\n  /** Data points to highlight. Use the label value from data to highlight the data point */\n  highlightedDataPoints?: (string | number)[];\n  /** Defines the opacity of the non-highlighted data */\n  dimmedOpacity?: number;\n  /** Maximum radius of the circles  */\n  radius?: number;\n  /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */\n  numberDisplayOptions?: NumberFormatOptions;\n  /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */\n  customLayers?: CustomLayerDataType[];\n  /** Enable graph download option as png */\n  graphDownload?: boolean;\n  /** Enable data download option as a csv */\n  dataDownload?: boolean;\n  /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */\n  resetSelectionOnDoubleClick?: boolean;\n\n  // Interactions and Callbacks\n  /** Tooltip content. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  tooltip?: string | ((_d: any) => React.ReactNode);\n  /** Details displayed on the modal when user clicks of a data point. If the type is string then this uses the [handlebar](../?path=/docs/misc-handlebars-templates-and-custom-helpers--docs) template to display the data */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  detailsOnClick?: string | ((_d: any) => React.ReactNode);\n  /** Callback for mouse over event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseOver?: (_d: any) => void;\n  /** Callback for mouse click event */\n  // biome-ignore lint/suspicious/noExplicitAny: undefined data type\n  onSeriesMouseClick?: (_d: any) => void;\n\n  // Configuration and Options\n  /** Language setting  */\n  language?: Languages;\n  /** Color theme */\n  theme?: 'light' | 'dark';\n  /** Unique ID for the graph */\n  graphID?: string;\n}\n\nexport function BeeSwarmChart(props: Props) {\n  const {\n    data,\n    graphTitle,\n    topMargin,\n    bottomMargin,\n    leftMargin,\n    rightMargin,\n    colors,\n    sources,\n    graphDescription,\n    height,\n    width,\n    footNote,\n    colorDomain,\n    colorLegendTitle,\n    padding,\n    relativeHeight,\n    tooltip,\n    onSeriesMouseOver,\n    refValues,\n    showColorScale,\n    graphID,\n    radius = 5,\n    showLabels = true,\n    showTicks = true,\n    maxRadiusValue,\n    maxValue,\n    minValue,\n    highlightedDataPoints,\n    onSeriesMouseClick,\n    ariaLabel,\n    backgroundColor = false,\n    graphDownload = false,\n    dataDownload = false,\n    language = 'en',\n    showNAColor = true,\n    minHeight = 0,\n    theme = 'light',\n    resetSelectionOnDoubleClick = true,\n    detailsOnClick,\n    orientation = 'vertical',\n    numberDisplayOptions,\n    styles,\n    classNames,\n    noOfTicks = 5,\n    dimmedOpacity = 0.3,\n    customLayers = [],\n    hideAxisLine = false,\n  } = props;\n  const [svgWidth, setSvgWidth] = useState(0);\n  const [svgHeight, setSvgHeight] = useState(0);\n  const [selectedColor, setSelectedColor] = useState<string | undefined>(undefined);\n\n  const graphDiv = useRef<HTMLDivElement>(null);\n  const graphParentDiv = useRef<HTMLDivElement>(null);\n  const Comp = orientation === 'horizontal' ? HorizontalGraph : VerticalGraph;\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver((entries) => {\n      setSvgWidth(entries[0].target.clientWidth || 620);\n      setSvgHeight(entries[0].target.clientHeight || 480);\n    });\n    if (graphDiv.current) {\n      resizeObserver.observe(graphDiv.current);\n    }\n    return () => resizeObserver.disconnect();\n  }, []);\n  return (\n    <GraphContainer\n      className={classNames?.graphContainer}\n      style={styles?.graphContainer}\n      id={graphID}\n      ref={graphParentDiv}\n      aria-label={ariaLabel}\n      backgroundColor={backgroundColor}\n      theme={theme}\n      language={language}\n      minHeight={minHeight}\n      width={width}\n      height={height}\n      relativeHeight={relativeHeight}\n      padding={padding}\n    >\n      {graphTitle || graphDescription || graphDownload || dataDownload ? (\n        <GraphHeader\n          styles={{\n            title: styles?.title,\n            description: styles?.description,\n          }}\n          classNames={{\n            title: classNames?.title,\n            description: classNames?.description,\n          }}\n          graphTitle={graphTitle}\n          graphDescription={graphDescription}\n          width={width}\n          graphDownload={graphDownload ? graphParentDiv : undefined}\n          dataDownload={\n            dataDownload\n              ? data.map((d) => d.data).filter((d) => d !== undefined).length > 0\n                ? data.map((d) => d.data).filter((d) => d !== undefined)\n                : data.filter((d) => d !== undefined)\n              : null\n          }\n        />\n      ) : null}\n      {showColorScale !== false && data.filter((el) => el.color).length !== 0 && data.length > 0 ? (\n        <ColorLegendWithMouseOver\n          width={width}\n          colorLegendTitle={colorLegendTitle}\n          colors={(colors as string[] | undefined) || Colors[theme].categoricalColors.colors}\n          colorDomain={colorDomain || (uniqBy(data, 'color', true) as string[])}\n          setSelectedColor={setSelectedColor}\n          showNAColor={showNAColor}\n          className={classNames?.colorLegend}\n        />\n      ) : null}\n      <GraphArea ref={graphDiv}>\n        {data.length === 0 && <EmptyState />}\n        {svgWidth && svgHeight && data.length > 0 ? (\n          <Comp\n            hideAxisLine={hideAxisLine}\n            data={data}\n            circleColors={\n              data.filter((el) => el.color).length === 0\n                ? colors\n                  ? [colors as string]\n                  : [Colors.primaryColors['blue-600']]\n                : (colors as string[] | undefined) || Colors[theme].categoricalColors.colors\n            }\n            colorDomain={\n              data.filter((el) => el.color).length === 0\n                ? []\n                : colorDomain || (uniqBy(data, 'color', true) as string[])\n            }\n            width={svgWidth}\n            selectedColor={selectedColor}\n            height={svgHeight}\n            showTicks={showTicks}\n            leftMargin={leftMargin}\n            rightMargin={rightMargin}\n            topMargin={topMargin}\n            bottomMargin={bottomMargin}\n            showLabels={showLabels}\n            tooltip={tooltip}\n            onSeriesMouseOver={onSeriesMouseOver}\n            refValues={refValues}\n            startFromZero={false}\n            radius={radius}\n            maxRadiusValue={maxRadiusValue}\n            maxValue={maxValue}\n            minValue={minValue}\n            highlightedDataPoints={highlightedDataPoints}\n            onSeriesMouseClick={onSeriesMouseClick}\n            resetSelectionOnDoubleClick={resetSelectionOnDoubleClick}\n            detailsOnClick={detailsOnClick}\n            styles={styles}\n            classNames={classNames}\n            noOfTicks={noOfTicks || 5}\n            dimmedOpacity={dimmedOpacity}\n            customLayers={customLayers}\n            locale={numberDisplayOptions?.locale || 'en'}\n            padZeros={numberDisplayOptions?.padZeros || false}\n            suffix={numberDisplayOptions?.suffix || ''}\n            prefix={numberDisplayOptions?.prefix || ''}\n            precision={numberDisplayOptions?.precision ?? 2}\n          />\n        ) : null}\n      </GraphArea>\n      {sources || footNote ? (\n        <GraphFooter\n          styles={{ footnote: styles?.footnote, source: styles?.source }}\n          classNames={{\n            footnote: classNames?.footnote,\n            source: classNames?.source,\n          }}\n          sources={sources}\n          footNote={footNote}\n          width={width}\n        />\n      ) : null}\n    </GraphContainer>\n  );\n}\n"],"mappings":"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"}

package/dist/BeeSwarmChart-skEHc8uH.js

@@ -0,0 +1,468 @@
+import { o as e } from "./chunk-foFoljWS.js";
+import { t } from "./jsx-runtime-C76bEyh7.js";
+import { Colors as n } from "./Colors.js";
+import { GraphFooter as r } from "./GraphFooter.js";
+import { GraphHeader as i } from "./GraphHeader.js";
+import { t as a } from "./checkIfNullOrUndefined-C5gqSAtF.js";
+import { t as o } from "./uniqBy-feeqYuys.js";
+import { n as s, t as c } from "./GraphContainer-DgEB1AVN.js";
+import { t as l } from "./lodash.orderby-Dn2sr3tw.js";
+import { ColorLegendWithMouseOver as ee } from "./ColorLegendWithMouseOver.js";
+import { t as te } from "./EmptyState-DBmT1Adf.js";
+import { t as ne } from "./linear-BkosG4OK.js";
+import { t as re } from "./pow-CISbw8TV.js";
+import { t as ie } from "./fast-deep-equal--80N92KJ.js";
+import { t as u } from "./Axis-B3ai1eeP.js";
+import { t as ae } from "./numberFormattingFunction-Cha8dhHc.js";
+import { t as oe } from "./XTicksAndGridLines-B2XZgwzW.js";
+import { t as se } from "./YTicksAndGridLines-CVTzNJYP.js";
+import { t as d } from "./DetailsModal-DxUowfkg.js";
+import { n as f, t as p } from "./ReferenceLine-C8owKJx1.js";
+import { t as ce } from "./Tooltip-Y6uTGwkF.js";
+import { t as le } from "./getTextColorBasedOnBgColor-Ch7uw_Px.js";
+import { a as ue, i as de, n as fe, r as pe, t as me } from "./y-C3UBwapx.js";
+import { cn as he } from "@undp/design-system-react/cn";
+import { useEffect as ge, useMemo as m, useRef as _e, useState as h } from "react";
+import { Spinner as ve } from "@undp/design-system-react/Spinner";
+import { P as ye } from "@undp/design-system-react/Typography";
+//#region src/Components/Graphs/BeeSwarmChart/Graph.tsx
+var be = /* @__PURE__ */ e(ie(), 1), xe = /* @__PURE__ */ e(l(), 1), g = t();
+function _(e) {
+	let { data: t, circleColors: r, showTicks: i, width: o, height: s, colorDomain: c, topMargin: l = 25, bottomMargin: ee = 10, leftMargin: te = 100, rightMargin: ie = 40, suffix: oe, prefix: p, showLabels: ye, tooltip: _, onSeriesMouseOver: Se, refValues: v, selectedColor: Ce, startFromZero: y, radius: b, maxRadiusValue: x, maxValue: S, minValue: C, highlightedDataPoints: w, onSeriesMouseClick: T, resetSelectionOnDoubleClick: we, detailsOnClick: E, styles: D, classNames: O, noOfTicks: k, dimmedOpacity: A, precision: j, customLayers: M, hideAxisLine: Te, locale: N, padZeros: Ee } = e, De = _e(null), [P, F] = h(void 0), [I, L] = h(void 0), [R, z] = h(null), [B, V] = h(void 0), [H, U] = h(void 0), W = {
+		top: l,
+		bottom: ee,
+		left: te,
+		right: ie
+	}, G = o - W.left - W.right, K = s - W.top - W.bottom, q = m(() => t.filter((e) => !a(e.radius)).length === 0 ? t : (0, xe.default)(t.filter((e) => !a(e.radius)), "radius", "desc"), [t]), J = a(S) ? Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position)) < 0 && !y ? 0 : Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position)) : S, Y = a(C) ? Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)) >= 0 && !y ? 0 : Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)) : C, X = m(() => t.filter((e) => e.radius === void 0 || e.radius === null).length === t.length ? void 0 : re().domain([0, a(x) ? Math.max(...t.map((e) => e.radius).filter((e) => e != null)) : x]).range([.25, b]).nice(), [
+		t,
+		b,
+		x
+	]), Z = m(() => ne().domain([Y, J]).range([K, 0]).nice(), [
+		J,
+		J,
+		K
+	]), Q = Z.ticks(k);
+	return ge(() => {
+		let e = q.map((e) => ({
+			...e,
+			...e.data && { data: { ...e.data } }
+		})).filter((e) => e.position);
+		de(e).force("y", me((e) => Z(e.position)).strength(5)).force("x", fe((e) => G / 2).strength(1)).force("collide", ue((e) => X ? X(e.radius || 0) + 1 : b + 1)).force("charge", pe().strength(-15)).alphaDecay(.05).tick(1e4).on("tick", () => {
+			z(e);
+		}).on("end", () => {
+			z(e);
+		});
+	}, [
+		b,
+		G,
+		q,
+		Z,
+		X
+	]), /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [
+		R ? /* @__PURE__ */ (0, g.jsx)("svg", {
+			width: `${o}px`,
+			height: `${s}px`,
+			viewBox: `0 0 ${o} ${s}`,
+			direction: "ltr",
+			ref: De,
+			children: /* @__PURE__ */ (0, g.jsxs)("g", {
+				transform: `translate(${W.left},${W.top})`,
+				children: [
+					i ? /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [/* @__PURE__ */ (0, g.jsx)(u, {
+						hideAxisLine: Te,
+						y1: Z(Y < 0 ? 0 : Y),
+						y2: Z(Y < 0 ? 0 : Y),
+						x1: 0 - W.left,
+						x2: G + W.right,
+						label: i ? ae(Y < 0 ? 0 : Y, void 0, j, p, oe, N, Ee) : void 0,
+						labelPos: {
+							x: 0 - W.left,
+							y: Z(Y < 0 ? 0 : Y),
+							dx: 0,
+							dy: J < 0 ? "1em" : -5
+						},
+						classNames: {
+							axis: O?.xAxis?.axis,
+							label: O?.yAxis?.labels
+						},
+						styles: {
+							axis: D?.xAxis?.axis,
+							label: D?.yAxis?.labels
+						}
+					}), /* @__PURE__ */ (0, g.jsx)(se, {
+						values: Q.filter((e) => e !== 0),
+						y: Q.filter((e) => e !== 0).map((e) => Z(e)),
+						x1: 0 - W.left,
+						x2: G + W.right,
+						styles: {
+							gridLines: D?.yAxis?.gridLines,
+							labels: D?.yAxis?.labels
+						},
+						classNames: {
+							gridLines: O?.yAxis?.gridLines,
+							labels: O?.yAxis?.labels
+						},
+						suffix: oe,
+						prefix: p,
+						labelType: "secondary",
+						showGridLines: !0,
+						labelPos: "vertical",
+						precision: j,
+						locale: N,
+						padZeros: Ee
+					})] }) : null,
+					M.filter((e) => e.position === "before").map((e) => e.layer),
+					R.map((e) => /* @__PURE__ */ (0, g.jsxs)("g", {
+						className: "undp-viz-g-with-hover",
+						transform: `translate(${e.x},${e.y})`,
+						opacity: Ce ? e.color && r[c.indexOf(e.color)] === Ce ? 1 : A : w && w.indexOf(e.label) === -1 ? A : .85,
+						onMouseEnter: (t) => {
+							F(e), U(t.clientY), V(t.clientX), Se?.(e);
+						},
+						onMouseMove: (t) => {
+							F(e), U(t.clientY), V(t.clientX);
+						},
+						onClick: () => {
+							(T || E) && ((0, be.default)(I, e) && we ? (L(void 0), T?.(void 0)) : (L(e), T?.(e)));
+						},
+						onMouseLeave: () => {
+							F(void 0), V(void 0), U(void 0), Se?.(void 0);
+						},
+						children: [/* @__PURE__ */ (0, g.jsx)("circle", {
+							cx: 0,
+							cy: 0,
+							r: X ? X(e.radius || 0) : b,
+							fill: t.filter((e) => e.color).length === 0 ? r[0] : e.color ? r[c.indexOf(e.color)] : n.gray
+						}), (X ? X(e.radius || 0) : b) > 10 && ye ? /* @__PURE__ */ (0, g.jsx)("g", { children: /* @__PURE__ */ (0, g.jsx)("foreignObject", {
+							y: 0 - (X ? X(e.radius || 0) : b),
+							x: 0 - (X ? X(e.radius || 0) : b),
+							width: 2 * (X ? X(e.radius || 0) : b),
+							height: 2 * (X ? X(e.radius || 0) : b),
+							children: /* @__PURE__ */ (0, g.jsx)("div", {
+								className: "flex flex-col justify-center items-center h-inherit py-0 px-1.5",
+								children: ye ? /* @__PURE__ */ (0, g.jsx)("p", {
+									className: he("text-center leading-none m-0", O?.graphObjectValues),
+									style: {
+										fontSize: `${Math.min(Math.max(Math.round((X ? X(e.radius || 0) : b) / 4), 10), Math.max(Math.round((X ? X(e.radius || 0) : b) * 12 / `${e.label}`.length), 10), 20)}px`,
+										hyphens: "auto",
+										color: le(t.filter((e) => e.color).length === 0 ? r[0] : e.color ? r[c.indexOf(e.color)] : n.gray),
+										...D?.graphObjectValues || {}
+									},
+									children: e.label
+								}) : null
+							})
+						}) }) : null]
+					}, e.label)),
+					v?.map((e) => /* @__PURE__ */ (0, g.jsx)(f, {
+						text: e.text,
+						color: e.color,
+						y: Z(e.value),
+						x1: 0 - W.left,
+						x2: G + W.right,
+						classNames: e.classNames,
+						styles: e.styles,
+						isInView: !0
+					}, e.text)),
+					M.filter((e) => e.position === "after").map((e) => e.layer)
+				]
+			})
+		}) : /* @__PURE__ */ (0, g.jsx)("div", {
+			style: {
+				width: `${o}px`,
+				height: `${s}px`
+			},
+			children: /* @__PURE__ */ (0, g.jsx)("div", {
+				className: "flex m-auto items-center justify-center p-0 leading-none text-base h-40",
+				children: /* @__PURE__ */ (0, g.jsx)(ve, {})
+			})
+		}),
+		P && _ && B && H ? /* @__PURE__ */ (0, g.jsx)(ce, {
+			data: P,
+			body: _,
+			xPos: B,
+			yPos: H,
+			backgroundStyle: D?.tooltip,
+			className: O?.tooltip
+		}) : null,
+		E && I !== void 0 ? /* @__PURE__ */ (0, g.jsx)(d, {
+			body: E,
+			data: I,
+			setData: L,
+			className: O?.modal
+		}) : null
+	] });
+}
+function Se(e) {
+	let { data: t, circleColors: r, showTicks: i, width: o, height: s, colorDomain: c, topMargin: l = 25, bottomMargin: ee = 10, leftMargin: te = 10, rightMargin: ie = 10, showLabels: se, tooltip: f, onSeriesMouseOver: _, refValues: Se, selectedColor: v, startFromZero: Ce, radius: y, maxRadiusValue: b, maxValue: x, minValue: S, highlightedDataPoints: C, onSeriesMouseClick: w, rtl: T, resetSelectionOnDoubleClick: we, detailsOnClick: E, suffix: D, prefix: O, styles: k, classNames: A, noOfTicks: j, dimmedOpacity: M, precision: Te, customLayers: N, hideAxisLine: Ee, locale: De, padZeros: P } = e, F = _e(null), [I, L] = h(void 0), [R, z] = h(void 0), [B, V] = h(null), [H, U] = h(void 0), [W, G] = h(void 0), K = {
+		top: l,
+		bottom: ee,
+		left: te,
+		right: ie
+	}, q = o - K.left - K.right, J = s - K.top - K.bottom, Y = m(() => t.filter((e) => !a(e.radius)).length === 0 ? t : (0, xe.default)(t.filter((e) => !a(e.radius)), "radius", "desc"), [t]), X = a(x) ? Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position)) < 0 && !Ce ? 0 : Math.max(...t.filter((e) => !a(e.position)).map((e) => e.position)) : x, Z = a(S) ? Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)) >= 0 && !Ce ? 0 : Math.min(...t.filter((e) => !a(e.position)).map((e) => e.position)) : S, Q = m(() => t.filter((e) => e.radius === void 0 || e.radius === null).length === t.length ? void 0 : re().domain([0, a(b) ? Math.max(...t.map((e) => e.radius).filter((e) => e != null)) : b]).range([.25, y]).nice(), [
+		t,
+		y,
+		b
+	]), $ = m(() => ne().domain([Z, X]).range([0, q]).nice(), [
+		Z,
+		X,
+		q
+	]), Oe = $.ticks(j);
+	return ge(() => {
+		let e = Y.map((e) => ({
+			...e,
+			...e.data && { data: { ...e.data } }
+		})).filter((e) => e.position);
+		de(e).force("x", fe((e) => $(e.position)).strength(5)).force("y", me((e) => J / 2).strength(1)).force("collide", ue((e) => Q ? Q(e.radius || 0) + 1 : y + 1)).force("charge", pe().strength(-15)).alphaDecay(.05).tick(1e4).on("tick", () => {
+			V(e);
+		}).on("end", () => {
+			V(e);
+		});
+	}, [
+		y,
+		J,
+		Y,
+		$,
+		Q
+	]), /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [
+		B ? /* @__PURE__ */ (0, g.jsx)("svg", {
+			width: `${o}px`,
+			height: `${s}px`,
+			viewBox: `0 0 ${o} ${s}`,
+			direction: "ltr",
+			ref: F,
+			children: /* @__PURE__ */ (0, g.jsxs)("g", {
+				transform: `translate(${K.left},${K.top})`,
+				children: [
+					i ? /* @__PURE__ */ (0, g.jsxs)(g.Fragment, { children: [/* @__PURE__ */ (0, g.jsx)(u, {
+						hideAxisLine: Ee,
+						x1: $(Z < 0 ? 0 : Z),
+						x2: $(Z < 0 ? 0 : Z),
+						y1: 0 - K.top,
+						y2: J + K.bottom,
+						label: i ? ae(Z < 0 ? 0 : Z, void 0, Te, O, D, De, P) : void 0,
+						labelPos: {
+							x: $(Z < 0 ? 0 : Z),
+							y: 0 - l,
+							dy: "0.75em",
+							dx: 3
+						},
+						classNames: {
+							axis: A?.xAxis?.axis,
+							label: A?.yAxis?.labels
+						},
+						styles: {
+							axis: k?.xAxis?.axis,
+							label: k?.yAxis?.labels
+						}
+					}), /* @__PURE__ */ (0, g.jsx)(oe, {
+						values: Oe.filter((e) => e !== 0),
+						x: Oe.filter((e) => e !== 0).map((e) => $(e)),
+						y1: 0 - l,
+						y2: J + K.bottom,
+						styles: {
+							gridLines: k?.xAxis?.gridLines,
+							labels: k?.xAxis?.labels
+						},
+						classNames: {
+							gridLines: A?.xAxis?.gridLines,
+							labels: A?.xAxis?.labels
+						},
+						suffix: D,
+						prefix: O,
+						labelType: "secondary",
+						showGridLines: !0,
+						precision: Te,
+						locale: De,
+						padZeros: P
+					})] }) : null,
+					N.filter((e) => e.position === "before").map((e) => e.layer),
+					B.map((e) => /* @__PURE__ */ (0, g.jsxs)("g", {
+						className: "undp-viz-g-with-hover",
+						transform: `translate(${e.x},${e.y})`,
+						opacity: v ? e.color && r[c.indexOf(e.color)] === v ? 1 : M : C && C.indexOf(e.label) === -1 ? M : .85,
+						onMouseEnter: (t) => {
+							L(e), G(t.clientY), U(t.clientX), _?.(e);
+						},
+						onMouseMove: (t) => {
+							L(e), G(t.clientY), U(t.clientX);
+						},
+						onClick: () => {
+							(w || E) && ((0, be.default)(R, e) && we ? (z(void 0), w?.(void 0)) : (z(e), w?.(e)));
+						},
+						onMouseLeave: () => {
+							L(void 0), U(void 0), G(void 0), _?.(void 0);
+						},
+						children: [/* @__PURE__ */ (0, g.jsx)("circle", {
+							cx: 0,
+							cy: 0,
+							fill: t.filter((e) => e.color).length === 0 ? r[0] : e.color ? r[c.indexOf(e.color)] : n.gray,
+							r: Q ? Q(e.radius || 0) : y
+						}), (Q ? Q(e.radius || 0) : y) > 10 && se ? /* @__PURE__ */ (0, g.jsx)("g", { children: /* @__PURE__ */ (0, g.jsx)("foreignObject", {
+							y: 0 - (Q ? Q(e.radius || 0) : y),
+							x: 0 - (Q ? Q(e.radius || 0) : y),
+							width: 2 * (Q ? Q(e.radius || 0) : y),
+							height: 2 * (Q ? Q(e.radius || 0) : y),
+							children: /* @__PURE__ */ (0, g.jsx)("div", {
+								className: "flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5",
+								children: se ? /* @__PURE__ */ (0, g.jsx)(ye, {
+									className: he("text-center leading-none m-0", A?.graphObjectValues),
+									marginBottom: "none",
+									style: {
+										fontSize: `${Math.min(Math.max(Math.round((Q ? Q(e.radius || 0) : y) / 4), 10), Math.max(Math.round((Q ? Q(e.radius || 0) : y) * 12 / `${e.label}`.length), 10), 20)}px`,
+										color: le(t.filter((e) => e.color).length === 0 ? r[0] : e.color ? r[c.indexOf(e.color)] : n.gray),
+										hyphens: "auto",
+										...k?.graphObjectValues || {}
+									},
+									children: e.label
+								}) : null
+							})
+						}) }) : null]
+					}, e.label)),
+					Se?.map((e) => /* @__PURE__ */ (0, g.jsx)(p, {
+						text: e.text,
+						color: e.color,
+						x: $(e.value),
+						y1: 0 - K.top,
+						y2: J + K.bottom,
+						textSide: $(e.value) > q * .75 || T ? "left" : "right",
+						classNames: e.classNames,
+						styles: e.styles,
+						isInView: !0
+					}, e.text)),
+					N.filter((e) => e.position === "after").map((e) => e.layer)
+				]
+			})
+		}) : /* @__PURE__ */ (0, g.jsx)("div", {
+			style: {
+				width: `${o}px`,
+				height: `${s}px`
+			},
+			children: /* @__PURE__ */ (0, g.jsx)("div", {
+				className: "flex m-auto items-center justify-center p-0 leading-none text-base h-40",
+				children: /* @__PURE__ */ (0, g.jsx)(ve, {})
+			})
+		}),
+		I && f && H && W ? /* @__PURE__ */ (0, g.jsx)(ce, {
+			data: I,
+			body: f,
+			xPos: H,
+			yPos: W,
+			backgroundStyle: k?.tooltip,
+			className: A?.tooltip
+		}) : null,
+		E && R !== void 0 ? /* @__PURE__ */ (0, g.jsx)(d, {
+			body: E,
+			data: R,
+			setData: z,
+			className: A?.modal
+		}) : null
+	] });
+}
+//#endregion
+//#region src/Components/Graphs/BeeSwarmChart/index.tsx
+function v(e) {
+	let { data: t, graphTitle: a, topMargin: l, bottomMargin: ne, leftMargin: re, rightMargin: ie, colors: u, sources: ae, graphDescription: oe, height: se, width: d, footNote: f, colorDomain: p, colorLegendTitle: ce, padding: le, relativeHeight: ue, tooltip: de, onSeriesMouseOver: fe, refValues: pe, showColorScale: me, graphID: he, radius: m = 5, showLabels: ve = !0, showTicks: ye = !0, maxRadiusValue: be, maxValue: xe, minValue: v, highlightedDataPoints: Ce, onSeriesMouseClick: y, ariaLabel: b, backgroundColor: x = !1, graphDownload: S = !1, dataDownload: C = !1, language: w = "en", showNAColor: T = !0, minHeight: we = 0, theme: E = "light", resetSelectionOnDoubleClick: D = !0, detailsOnClick: O, orientation: k = "vertical", numberDisplayOptions: A, styles: j, classNames: M, noOfTicks: Te = 5, dimmedOpacity: N = .3, customLayers: Ee = [], hideAxisLine: De = !1 } = e, [P, F] = h(0), [I, L] = h(0), [R, z] = h(void 0), B = _e(null), V = _e(null), H = k === "horizontal" ? Se : _;
+	return ge(() => {
+		let e = new ResizeObserver((e) => {
+			F(e[0].target.clientWidth || 620), L(e[0].target.clientHeight || 480);
+		});
+		return B.current && e.observe(B.current), () => e.disconnect();
+	}, []), /* @__PURE__ */ (0, g.jsxs)(s, {
+		className: M?.graphContainer,
+		style: j?.graphContainer,
+		id: he,
+		ref: V,
+		"aria-label": b,
+		backgroundColor: x,
+		theme: E,
+		language: w,
+		minHeight: we,
+		width: d,
+		height: se,
+		relativeHeight: ue,
+		padding: le,
+		children: [
+			a || oe || S || C ? /* @__PURE__ */ (0, g.jsx)(i, {
+				styles: {
+					title: j?.title,
+					description: j?.description
+				},
+				classNames: {
+					title: M?.title,
+					description: M?.description
+				},
+				graphTitle: a,
+				graphDescription: oe,
+				width: d,
+				graphDownload: S ? V : void 0,
+				dataDownload: C ? t.map((e) => e.data).filter((e) => e !== void 0).length > 0 ? t.map((e) => e.data).filter((e) => e !== void 0) : t.filter((e) => e !== void 0) : null
+			}) : null,
+			me !== !1 && t.filter((e) => e.color).length !== 0 && t.length > 0 ? /* @__PURE__ */ (0, g.jsx)(ee, {
+				width: d,
+				colorLegendTitle: ce,
+				colors: u || n[E].categoricalColors.colors,
+				colorDomain: p || o(t, "color", !0),
+				setSelectedColor: z,
+				showNAColor: T,
+				className: M?.colorLegend
+			}) : null,
+			/* @__PURE__ */ (0, g.jsxs)(c, {
+				ref: B,
+				children: [t.length === 0 && /* @__PURE__ */ (0, g.jsx)(te, {}), P && I && t.length > 0 ? /* @__PURE__ */ (0, g.jsx)(H, {
+					hideAxisLine: De,
+					data: t,
+					circleColors: t.filter((e) => e.color).length === 0 ? u ? [u] : [n.primaryColors["blue-600"]] : u || n[E].categoricalColors.colors,
+					colorDomain: t.filter((e) => e.color).length === 0 ? [] : p || o(t, "color", !0),
+					width: P,
+					selectedColor: R,
+					height: I,
+					showTicks: ye,
+					leftMargin: re,
+					rightMargin: ie,
+					topMargin: l,
+					bottomMargin: ne,
+					showLabels: ve,
+					tooltip: de,
+					onSeriesMouseOver: fe,
+					refValues: pe,
+					startFromZero: !1,
+					radius: m,
+					maxRadiusValue: be,
+					maxValue: xe,
+					minValue: v,
+					highlightedDataPoints: Ce,
+					onSeriesMouseClick: y,
+					resetSelectionOnDoubleClick: D,
+					detailsOnClick: O,
+					styles: j,
+					classNames: M,
+					noOfTicks: Te || 5,
+					dimmedOpacity: N,
+					customLayers: Ee,
+					locale: A?.locale || "en",
+					padZeros: A?.padZeros || !1,
+					suffix: A?.suffix || "",
+					prefix: A?.prefix || "",
+					precision: A?.precision ?? 2
+				}) : null]
+			}),
+			ae || f ? /* @__PURE__ */ (0, g.jsx)(r, {
+				styles: {
+					footnote: j?.footnote,
+					source: j?.source
+				},
+				classNames: {
+					footnote: M?.footnote,
+					source: M?.source
+				},
+				sources: ae,
+				footNote: f,
+				width: d
+			}) : null
+		]
+	});
+}
+//#endregion
+export { v as t };
+
+//# sourceMappingURL=BeeSwarmChart-skEHc8uH.js.map