@undp/data-viz 2.5.4 → 2.6.1

package/dist/BeeSwarmChart-skEHc8uH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeeSwarmChart-skEHc8uH.js","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.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-CHPV5EwG-D4pAp7u0.cjs"),m=require("react"),Ue=require("./index-DQA8q5sC.cjs"),Be=require("./index-Cno4Q0YE.cjs"),Ge=require("./Spinner-WHzzloYQ.cjs"),Qe=require("./Typography-BqmyF1gP.cjs"),Pe=require("./numberFormattingFunction-u2iNHL_c.cjs"),Xe=require("./Tooltip-C9F3uYG0.cjs"),j=require("./checkIfNullOrUndefined-BCW3Y1ML.cjs"),Ye=require("./getTextColorBasedOnBgColor-nqY-bsM_.cjs"),be=require("./Colors.cjs"),He=require("./Axis-BTaS9oPQ.cjs"),Ze=require("./ReferenceLine-CpU4G01Y.cjs"),_e=require("./YTicksAndGridLines-sT3zdCs6.cjs"),et=require("./XTicksAndGridLines-B4UhDVyU.cjs"),ze=require("./DetailsModal-Du8Fr1QD.cjs"),We=require("./pow-BnyPO-NX.cjs"),Je=require("./linear-CgUCbw9F.cjs"),re=require("./y-QcCbqrzx.cjs"),Ie=require("./uniqBy-O05lp2S5.cjs"),tt=require("./GraphHeader.cjs"),Fe=require("./GraphContainer-Cul9b74X.cjs"),it=require("./EmptyState-CFmiFPHz.cjs"),ot=require("./ColorLegendWithMouseOver.cjs"),nt=require("./GraphFooter.cjs");function st(t){const e=o.compilerRuntimeExports.c(28),{data:i,circleColors:O,showTicks:le,width:S,height:w,colorDomain:X,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:ae,suffix:h,prefix:q,showLabels:A,tooltip:Y,onSeriesMouseOver:ce,refValues:D,selectedColor:g,startFromZero:L,radius:f,maxRadiusValue:H,maxValue:Z,minValue:z,highlightedDataPoints:ve,onSeriesMouseClick:fe,resetSelectionOnDoubleClick:W,detailsOnClick:T,styles:k,classNames:u,noOfTicks:b,dimmedOpacity:ue,precision:de,customLayers:me,hideAxisLine:ye,locale:je,padZeros:he}=t,pe=C===void 0?25:C,V=_===void 0?10:_,te=ee===void 0?100:ee,J=ae===void 0?40:ae,ge=m.useRef(null),[p,c]=m.useState(void 0),[a,I]=m.useState(void 0),[xe,ie]=m.useState(null),[oe,F]=m.useState(void 0),[U,B]=m.useState(void 0);let G;e[0]!==V||e[1]!==te||e[2]!==J||e[3]!==pe?(G={top:pe,bottom:V,left:te,right:J},e[0]=V,e[1]=te,e[2]=J,e[3]=pe,e[4]=G):G=e[4];const d=G,x=S-d.left-d.right,ne=w-d.top-d.bottom,P=i.filter(Nt).length===0?i:Be.orderBy(i.filter(Ct),"radius","desc");let K;e[5]!==i||e[6]!==Z||e[7]!==L?(K=j.checkIfNullOrUndefined(Z)?Math.max(...i.filter(kt).map(Rt))<0&&!L?0:Math.max(...i.filter(Ot).map(Et)):Z,e[5]=i,e[6]=Z,e[7]=L,e[8]=K):K=e[8];const v=K;let Q;e[9]!==i||e[10]!==z||e[11]!==L?(Q=j.checkIfNullOrUndefined(z)?Math.min(...i.filter(Mt).map(bt))>=0&&!L?0:Math.min(...i.filter(jt).map(yt)):z,e[9]=i,e[10]=z,e[11]=L,e[12]=Q):Q=e[12];const M=Q,r=i.filter(vt).length!==i.length?We.sqrt().domain([0,j.checkIfNullOrUndefined(H)?Math.max(...i.map(gt).filter(ht)):H]).range([.25,f]).nice():void 0,l=Je.linear().domain([M,v]).range([ne,0]).nice(),E=l.ticks(b);m.useEffect(()=>{const s=P.map(mt).filter(ft);re.forceSimulation(s).force("y",re.forceY(n=>l(n.position)).strength(5)).force("x",re.forceX(n=>x/2).strength(1)).force("collide",re.forceCollide(n=>r?r(n.radius||0)+1:f+1)).force("charge",re.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{ie(s)}).on("end",()=>{ie(s)})},[i,f,ne,x,M,v,P,l,r]);const se=xe?o.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:ge,children:o.jsxRuntimeExports.jsxs("g",{transform:`translate(${d.left},${d.top})`,children:[le?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(He.Axis,{hideAxisLine:ye,y1:l(M<0?0:M),y2:l(M<0?0:M),x1:0-d.left,x2:x+d.right,label:le?Pe.numberFormattingFunction(M<0?0:M,void 0,de,q,h,je,he):void 0,labelPos:{x:0-d.left,y:l(M<0?0:M),dx:0,dy:v<0?"1em":-5},classNames:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels},styles:{axis:k?.xAxis?.axis,label:k?.yAxis?.labels}}),o.jsxRuntimeExports.jsx(_e.YTicksAndGridLines,{values:E.filter(xt),y:E.filter(pt).map(s=>l(s)),x1:0-d.left,x2:x+d.right,styles:{gridLines:k?.yAxis?.gridLines,labels:k?.yAxis?.labels},classNames:{gridLines:u?.yAxis?.gridLines,labels:u?.yAxis?.labels},suffix:h,prefix:q,labelType:"secondary",showGridLines:!0,labelPos:"vertical",precision:de,locale:je,padZeros:he})]}):null,me.filter(dt).map(ut),xe.map(s=>o.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${s.x},${s.y})`,opacity:g?s.color&&O[X.indexOf(s.color)]===g?1:ue:ve?ve.indexOf(s.label)!==-1?.85:ue:.85,onMouseEnter:n=>{c(s),B(n.clientY),F(n.clientX),ce?.(s)},onMouseMove:n=>{c(s),B(n.clientY),F(n.clientX)},onClick:()=>{(fe||T)&&(Ue.isEqual(a,s)&&W?(I(void 0),fe?.(void 0)):(I(s),fe?.(s)))},onMouseLeave:()=>{c(void 0),F(void 0),B(void 0),ce?.(void 0)},children:[o.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,r:r?r(s.radius||0):f,fill:i.filter(ct).length===0?O[0]:s.color?O[X.indexOf(s.color)]:be.Colors.gray}),(r?r(s.radius||0):f)>10&&A?o.jsxRuntimeExports.jsx("g",{children:o.jsxRuntimeExports.jsx("foreignObject",{y:0-(r?r(s.radius||0):f),x:0-(r?r(s.radius||0):f),width:2*(r?r(s.radius||0):f),height:2*(r?r(s.radius||0):f),children:o.jsxRuntimeExports.jsx("div",{className:"flex flex-col justify-center items-center h-inherit py-0 px-1.5",children:A?o.jsxRuntimeExports.jsx("p",{className:o.mo("text-center leading-none m-0",u?.graphObjectValues),style:{fontSize:`${Math.min(Math.max(Math.round((r?r(s.radius||0):f)/4),10),Math.max(Math.round((r?r(s.radius||0):f)*12/`${s.label}`.length),10),20)}px`,hyphens:"auto",color:Ye.getTextColorBasedOnBgColor(i.filter(at).length===0?O[0]:s.color?O[X.indexOf(s.color)]:be.Colors.gray),...k?.graphObjectValues||{}},children:s.label}):null})})}):null]},s.label)),D?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:D.map((s,n)=>o.jsxRuntimeExports.jsx(Ze.RefLineY,{text:s.text,color:s.color,y:l(s.value),x1:0-d.left,x2:x+d.right,classNames:s.classNames,styles:s.styles,isInView:!0},n))}):null,me.filter(lt).map(rt)]})}):o.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:o.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:o.jsxRuntimeExports.jsx(Ge.w,{})})});let N;e[13]!==u?.tooltip||e[14]!==oe||e[15]!==U||e[16]!==p||e[17]!==k?.tooltip||e[18]!==Y?(N=p&&Y&&oe&&U?o.jsxRuntimeExports.jsx(Xe.Tooltip,{data:p,body:Y,xPos:oe,yPos:U,backgroundStyle:k?.tooltip,className:u?.tooltip}):null,e[13]=u?.tooltip,e[14]=oe,e[15]=U,e[16]=p,e[17]=k?.tooltip,e[18]=Y,e[19]=N):N=e[19];let y;e[20]!==u?.modal||e[21]!==T||e[22]!==a?(y=T&&a!==void 0?o.jsxRuntimeExports.jsx(ze.DetailsModal,{body:T,data:a,setData:I,className:u?.modal}):null,e[20]=u?.modal,e[21]=T,e[22]=a,e[23]=y):y=e[23];let $;return e[24]!==se||e[25]!==N||e[26]!==y?($=o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[se,N,y]}),e[24]=se,e[25]=N,e[26]=y,e[27]=$):$=e[27],$}function rt(t){return t.layer}function lt(t){return t.position==="after"}function at(t){return t.color}function ct(t){return t.color}function ut(t){return t.layer}function dt(t){return t.position==="before"}function pt(t){return t!==0}function xt(t){return t!==0}function ft(t){return t.position}function mt(t){return{...t,...t.data&&{data:{...t.data}}}}function ht(t){return t!=null}function gt(t){return t.radius}function vt(t){return t.radius===void 0||t.radius===null}function yt(t){return t.position}function jt(t){return!j.checkIfNullOrUndefined(t.position)}function bt(t){return t.position}function Mt(t){return!j.checkIfNullOrUndefined(t.position)}function Et(t){return t.position}function Ot(t){return!j.checkIfNullOrUndefined(t.position)}function Rt(t){return t.position}function kt(t){return!j.checkIfNullOrUndefined(t.position)}function Ct(t){return!j.checkIfNullOrUndefined(t.radius)}function Nt(t){return!j.checkIfNullOrUndefined(t.radius)}function St(t){const e=o.compilerRuntimeExports.c(28),{data:i,circleColors:O,showTicks:le,width:S,height:w,colorDomain:X,topMargin:C,bottomMargin:_,leftMargin:ee,rightMargin:ae,showLabels:h,tooltip:q,onSeriesMouseOver:A,refValues:Y,selectedColor:ce,startFromZero:D,radius:g,maxRadiusValue:L,maxValue:f,minValue:H,highlightedDataPoints:Z,onSeriesMouseClick:z,rtl:ve,resetSelectionOnDoubleClick:fe,detailsOnClick:W,suffix:T,prefix:k,styles:u,classNames:b,noOfTicks:ue,dimmedOpacity:de,precision:me,customLayers:ye,hideAxisLine:je,locale:he,padZeros:pe}=t,V=C===void 0?25:C,te=_===void 0?10:_,J=ee===void 0?10:ee,ge=ae===void 0?10:ae,p=m.useRef(null),[c,a]=m.useState(void 0),[I,xe]=m.useState(void 0),[ie,oe]=m.useState(null),[F,U]=m.useState(void 0),[B,G]=m.useState(void 0);let d;e[0]!==te||e[1]!==J||e[2]!==ge||e[3]!==V?(d={top:V,bottom:te,left:J,right:ge},e[0]=te,e[1]=J,e[2]=ge,e[3]=V,e[4]=d):d=e[4];const x=d,ne=S-x.left-x.right,P=w-x.top-x.bottom,K=i.filter(Qt).length===0?i:Be.orderBy(i.filter(Kt),"radius","desc");let v;e[5]!==i||e[6]!==f||e[7]!==D?(v=j.checkIfNullOrUndefined(f)?Math.max(...i.filter(Jt).map(Wt))<0&&!D?0:Math.max(...i.filter(zt).map(Zt)):f,e[5]=i,e[6]=f,e[7]=D,e[8]=v):v=e[8];const Q=v;let M;e[9]!==i||e[10]!==H||e[11]!==D?(M=j.checkIfNullOrUndefined(H)?Math.min(...i.filter(Ht).map(Yt))>=0&&!D?0:Math.min(...i.filter(Xt).map(Pt)):H,e[9]=i,e[10]=H,e[11]=D,e[12]=M):M=e[12];const r=M,l=i.filter(Gt).length!==i.length?We.sqrt().domain([0,j.checkIfNullOrUndefined(L)?Math.max(...i.map(Bt).filter(Ut)):L]).range([.25,g]).nice():void 0,E=Je.linear().domain([r,Q]).range([0,ne]).nice(),se=E.ticks(ue);m.useEffect(()=>{const n=K.map(Ft).filter(It);re.forceSimulation(n).force("x",re.forceX(R=>E(R.position)).strength(5)).force("y",re.forceY(R=>P/2).strength(1)).force("collide",re.forceCollide(R=>l?l(R.radius||0)+1:g+1)).force("charge",re.forceManyBody().strength(-15)).alphaDecay(.05).tick(1e4).on("tick",()=>{oe(n)}).on("end",()=>{oe(n)})},[i,g,P,ne,r,Q,K,E,l]);const N=ie?o.jsxRuntimeExports.jsx("svg",{width:`${S}px`,height:`${w}px`,viewBox:`0 0 ${S} ${w}`,direction:"ltr",ref:p,children:o.jsxRuntimeExports.jsxs("g",{transform:`translate(${x.left},${x.top})`,children:[le?o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(He.Axis,{hideAxisLine:je,x1:E(r<0?0:r),x2:E(r<0?0:r),y1:0-x.top,y2:P+x.bottom,label:le?Pe.numberFormattingFunction(r<0?0:r,void 0,me,k,T,he,pe):void 0,labelPos:{x:E(r<0?0:r),y:0-V,dy:"0.75em",dx:3},classNames:{axis:b?.xAxis?.axis,label:b?.yAxis?.labels},styles:{axis:u?.xAxis?.axis,label:u?.yAxis?.labels}}),o.jsxRuntimeExports.jsx(et.XTicksAndGridLines,{values:se.filter(Vt),x:se.filter(Tt).map(n=>E(n)),y1:0-V,y2:P+x.bottom,styles:{gridLines:u?.xAxis?.gridLines,labels:u?.xAxis?.labels},classNames:{gridLines:b?.xAxis?.gridLines,labels:b?.xAxis?.labels},suffix:T,prefix:k,labelType:"secondary",showGridLines:!0,precision:me,locale:he,padZeros:pe})]}):null,ye.filter(At).map(qt),ie.map(n=>o.jsxRuntimeExports.jsxs("g",{className:"undp-viz-g-with-hover",transform:`translate(${n.x},${n.y})`,opacity:ce?n.color&&O[X.indexOf(n.color)]===ce?1:de:Z?Z.indexOf(n.label)!==-1?.85:de:.85,onMouseEnter:R=>{a(n),G(R.clientY),U(R.clientX),A?.(n)},onMouseMove:R=>{a(n),G(R.clientY),U(R.clientX)},onClick:()=>{(z||W)&&(Ue.isEqual(I,n)&&fe?(xe(void 0),z?.(void 0)):(xe(n),z?.(n)))},onMouseLeave:()=>{a(void 0),U(void 0),G(void 0),A?.(void 0)},children:[o.jsxRuntimeExports.jsx("circle",{cx:0,cy:0,fill:i.filter($t).length===0?O[0]:n.color?O[X.indexOf(n.color)]:be.Colors.gray,radius:l?l(n.radius||0):g}),(l?l(n.radius||0):g)>10&&h?o.jsxRuntimeExports.jsx("g",{children:o.jsxRuntimeExports.jsx("foreignObject",{y:0-(l?l(n.radius||0):g),x:0-(l?l(n.radius||0):g),width:2*(l?l(n.radius||0):g),height:2*(l?l(n.radius||0):g),children:o.jsxRuntimeExports.jsx("div",{className:"flex flex-col gap-0.5 justify-center items-center h-inherit py-0 px-1.5",children:h?o.jsxRuntimeExports.jsx(Qe._,{className:o.mo("text-center leading-none m-0",b?.graphObjectValues),marginBottom:"none",style:{fontSize:`${Math.min(Math.max(Math.round((l?l(n.radius||0):g)/4),10),Math.max(Math.round((l?l(n.radius||0):g)*12/`${n.label}`.length),10),20)}px`,color:Ye.getTextColorBasedOnBgColor(i.filter(Lt).length===0?O[0]:n.color?O[X.indexOf(n.color)]:be.Colors.gray),hyphens:"auto",...u?.graphObjectValues||{}},children:n.label}):null})})}):null]},n.label)),Y?o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:Y.map((n,R)=>o.jsxRuntimeExports.jsx(Ze.RefLineX,{text:n.text,color:n.color,x:E(n.value),y1:0-x.top,y2:P+x.bottom,textSide:E(n.value)>ne*.75||ve?"left":"right",classNames:n.classNames,styles:n.styles,isInView:!0},R))}):null,ye.filter(Dt).map(wt)]})}):o.jsxRuntimeExports.jsx("div",{style:{width:`${S}px`,height:`${w}px`},children:o.jsxRuntimeExports.jsx("div",{className:"flex m-auto items-center justify-center p-0 leading-none text-base h-40",children:o.jsxRuntimeExports.jsx(Ge.w,{})})});let y;e[13]!==b?.tooltip||e[14]!==F||e[15]!==B||e[16]!==c||e[17]!==u?.tooltip||e[18]!==q?(y=c&&q&&F&&B?o.jsxRuntimeExports.jsx(Xe.Tooltip,{data:c,body:q,xPos:F,yPos:B,backgroundStyle:u?.tooltip,className:b?.tooltip}):null,e[13]=b?.tooltip,e[14]=F,e[15]=B,e[16]=c,e[17]=u?.tooltip,e[18]=q,e[19]=y):y=e[19];let $;e[20]!==b?.modal||e[21]!==W||e[22]!==I?($=W&&I!==void 0?o.jsxRuntimeExports.jsx(ze.DetailsModal,{body:W,data:I,setData:xe,className:b?.modal}):null,e[20]=b?.modal,e[21]=W,e[22]=I,e[23]=$):$=e[23];let s;return e[24]!==N||e[25]!==y||e[26]!==$?(s=o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[N,y,$]}),e[24]=N,e[25]=y,e[26]=$,e[27]=s):s=e[27],s}function wt(t){return t.layer}function Dt(t){return t.position==="after"}function Lt(t){return t.color}function $t(t){return t.color}function qt(t){return t.layer}function At(t){return t.position==="before"}function Tt(t){return t!==0}function Vt(t){return t!==0}function It(t){return t.position}function Ft(t){return{...t,...t.data&&{data:{...t.data}}}}function Ut(t){return t!=null}function Bt(t){return t.radius}function Gt(t){return t.radius===void 0||t.radius===null}function Pt(t){return t.position}function Xt(t){return!j.checkIfNullOrUndefined(t.position)}function Yt(t){return t.position}function Ht(t){return!j.checkIfNullOrUndefined(t.position)}function Zt(t){return t.position}function zt(t){return!j.checkIfNullOrUndefined(t.position)}function Wt(t){return t.position}function Jt(t){return!j.checkIfNullOrUndefined(t.position)}function Kt(t){return!j.checkIfNullOrUndefined(t.radius)}function Qt(t){return!j.checkIfNullOrUndefined(t.radius)}function _t(t){const e=o.compilerRuntimeExports.c(92),{data:i,graphTitle:O,topMargin:le,bottomMargin:S,leftMargin:w,rightMargin:X,colors:C,sources:_,graphDescription:ee,height:ae,width:h,footNote:q,colorDomain:A,colorLegendTitle:Y,padding:ce,relativeHeight:D,tooltip:g,onSeriesMouseOver:L,refValues:f,showColorScale:H,graphID:Z,radius:z,showLabels:ve,showTicks:fe,maxRadiusValue:W,maxValue:T,minValue:k,highlightedDataPoints:u,onSeriesMouseClick:b,ariaLabel:ue,backgroundColor:de,graphDownload:me,dataDownload:ye,language:je,showNAColor:he,minHeight:pe,theme:V,resetSelectionOnDoubleClick:te,detailsOnClick:J,orientation:ge,numberDisplayOptions:p,styles:c,classNames:a,noOfTicks:I,dimmedOpacity:xe,customLayers:ie,hideAxisLine:oe}=t,F=z===void 0?5:z,U=ve===void 0?!0:ve,B=fe===void 0?!0:fe,G=de===void 0?!1:de,d=me===void 0?!1:me,x=ye===void 0?!1:ye,ne=je===void 0?"en":je,P=he===void 0?!0:he,K=pe===void 0?0:pe,v=V===void 0?"light":V,Q=te===void 0?!0:te,M=ge===void 0?"vertical":ge,r=I===void 0?5:I,l=xe===void 0?.3:xe;let E;e[0]!==ie?(E=ie===void 0?[]:ie,e[0]=ie,e[1]=E):E=e[1];const se=E,N=oe===void 0?!1:oe,[y,$]=m.useState(0),[s,n]=m.useState(0),[R,Ke]=m.useState(void 0),De=m.useRef(null),Ae=m.useRef(null),Le=M==="horizontal"?St:st;let Ne,Se;e[2]===Symbol.for("react.memo_cache_sentinel")?(Ne=()=>{const Te=new ResizeObserver(Ve=>{$(Ve[0].target.clientWidth||620),n(Ve[0].target.clientHeight||480)});return De.current&&Te.observe(De.current),()=>Te.disconnect()},Se=[],e[2]=Ne,e[3]=Se):(Ne=e[2],Se=e[3]),m.useEffect(Ne,Se);const $e=a?.graphContainer,qe=c?.graphContainer;let Me;e[4]!==a?.description||e[5]!==a?.title||e[6]!==i||e[7]!==x||e[8]!==ee||e[9]!==d||e[10]!==O||e[11]!==c?.description||e[12]!==c?.title||e[13]!==h?(Me=O||ee||d||x?o.jsxRuntimeExports.jsx(tt.GraphHeader,{styles:{title:c?.title,description:c?.description},classNames:{title:a?.title,description:a?.description},graphTitle:O,graphDescription:ee,width:h,graphDownload:d?Ae:void 0,dataDownload:x?i.map(li).filter(ri).length>0?i.map(si).filter(ni):i.filter(oi):null}):null,e[4]=a?.description,e[5]=a?.title,e[6]=i,e[7]=x,e[8]=ee,e[9]=d,e[10]=O,e[11]=c?.description,e[12]=c?.title,e[13]=h,e[14]=Me):Me=e[14];let Ee;e[15]!==a?.colorLegend||e[16]!==A||e[17]!==Y||e[18]!==C||e[19]!==i||e[20]!==H||e[21]!==P||e[22]!==v||e[23]!==h?(Ee=H!==!1&&i.filter(ii).length!==0&&i.length>0?o.jsxRuntimeExports.jsx(ot.ColorLegendWithMouseOver,{width:h,colorLegendTitle:Y,colors:C||be.Colors[v].categoricalColors.colors,colorDomain:A||Ie.uniqBy(i,"color",!0),setSelectedColor:Ke,showNAColor:P,className:a?.colorLegend}):null,e[15]=a?.colorLegend,e[16]=A,e[17]=Y,e[18]=C,e[19]=i,e[20]=H,e[21]=P,e[22]=v,e[23]=h,e[24]=Ee):Ee=e[24];let Oe;e[25]!==i.length?(Oe=i.length===0&&o.jsxRuntimeExports.jsx(it.EmptyState,{}),e[25]=i.length,e[26]=Oe):Oe=e[26];let Re;e[27]!==Le||e[28]!==S||e[29]!==a||e[30]!==A||e[31]!==C||e[32]!==se||e[33]!==i||e[34]!==J||e[35]!==l||e[36]!==N||e[37]!==u||e[38]!==w||e[39]!==W||e[40]!==T||e[41]!==k||e[42]!==r||e[43]!==p?.locale||e[44]!==p?.padZeros||e[45]!==p?.precision||e[46]!==p?.prefix||e[47]!==p?.suffix||e[48]!==b||e[49]!==L||e[50]!==F||e[51]!==f||e[52]!==Q||e[53]!==X||e[54]!==R||e[55]!==U||e[56]!==B||e[57]!==c||e[58]!==s||e[59]!==y||e[60]!==v||e[61]!==g||e[62]!==le?(Re=y&&s&&i.length>0?o.jsxRuntimeExports.jsx(Le,{hideAxisLine:N,data:i,circleColors:i.filter(ti).length===0?C?[C]:[be.Colors.primaryColors["blue-600"]]:C||be.Colors[v].categoricalColors.colors,colorDomain:i.filter(ei).length===0?[]:A||Ie.uniqBy(i,"color",!0),width:y,selectedColor:R,height:s,showTicks:B,leftMargin:w,rightMargin:X,topMargin:le,bottomMargin:S,showLabels:U,tooltip:g,onSeriesMouseOver:L,refValues:f,startFromZero:!1,radius:F,maxRadiusValue:W,maxValue:T,minValue:k,highlightedDataPoints:u,onSeriesMouseClick:b,resetSelectionOnDoubleClick:Q,detailsOnClick:J,styles:c,classNames:a,noOfTicks:r||5,dimmedOpacity:l,customLayers:se,locale:p?.locale||"en",padZeros:p?.padZeros||!1,suffix:p?.suffix||"",prefix:p?.prefix||"",precision:p?.precision??2}):null,e[27]=Le,e[28]=S,e[29]=a,e[30]=A,e[31]=C,e[32]=se,e[33]=i,e[34]=J,e[35]=l,e[36]=N,e[37]=u,e[38]=w,e[39]=W,e[40]=T,e[41]=k,e[42]=r,e[43]=p?.locale,e[44]=p?.padZeros,e[45]=p?.precision,e[46]=p?.prefix,e[47]=p?.suffix,e[48]=b,e[49]=L,e[50]=F,e[51]=f,e[52]=Q,e[53]=X,e[54]=R,e[55]=U,e[56]=B,e[57]=c,e[58]=s,e[59]=y,e[60]=v,e[61]=g,e[62]=le,e[63]=Re):Re=e[63];let ke;e[64]!==Oe||e[65]!==Re?(ke=o.jsxRuntimeExports.jsxs(Fe.GraphArea,{ref:De,children:[Oe,Re]}),e[64]=Oe,e[65]=Re,e[66]=ke):ke=e[66];let Ce;e[67]!==a?.footnote||e[68]!==a?.source||e[69]!==q||e[70]!==_||e[71]!==c?.footnote||e[72]!==c?.source||e[73]!==h?(Ce=_||q?o.jsxRuntimeExports.jsx(nt.GraphFooter,{styles:{footnote:c?.footnote,source:c?.source},classNames:{footnote:a?.footnote,source:a?.source},sources:_,footNote:q,width:h}):null,e[67]=a?.footnote,e[68]=a?.source,e[69]=q,e[70]=_,e[71]=c?.footnote,e[72]=c?.source,e[73]=h,e[74]=Ce):Ce=e[74];let we;return e[75]!==ue||e[76]!==G||e[77]!==Z||e[78]!==ae||e[79]!==ne||e[80]!==K||e[81]!==ce||e[82]!==D||e[83]!==$e||e[84]!==qe||e[85]!==Me||e[86]!==Ee||e[87]!==ke||e[88]!==Ce||e[89]!==v||e[90]!==h?(we=o.jsxRuntimeExports.jsxs(Fe.GraphContainer,{className:$e,style:qe,id:Z,ref:Ae,"aria-label":ue,backgroundColor:G,theme:v,language:ne,minHeight:K,width:h,height:ae,relativeHeight:D,padding:ce,children:[Me,Ee,ke,Ce]}),e[75]=ue,e[76]=G,e[77]=Z,e[78]=ae,e[79]=ne,e[80]=K,e[81]=ce,e[82]=D,e[83]=$e,e[84]=qe,e[85]=Me,e[86]=Ee,e[87]=ke,e[88]=Ce,e[89]=v,e[90]=h,e[91]=we):we=e[91],we}function ei(t){return t.color}function ti(t){return t.color}function ii(t){return t.color}function oi(t){return t!==void 0}function ni(t){return t!==void 0}function si(t){return t.data}function ri(t){return t!==void 0}function li(t){return t.data}exports.BeeSwarmChart=_t;
-//# sourceMappingURL=BeeSwarmChart.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-gGpyby2o.cjs`);const e=require(`./BeeSwarmChart--7HARz1J.cjs`);exports.BeeSwarmChart=e.t;

package/dist/BeeSwarmChart.d.ts

@@ -1,194 +1,2 @@
-import { JSX } from 'react/jsx-runtime';
-
-declare interface AxesClassNameObject {
-    gridLines?: string;
-    labels?: string;
-    title?: string;
-    axis?: string;
-}
-
-declare interface AxesStyleObject {
-    gridLines?: React.CSSProperties;
-    labels?: React.CSSProperties;
-    title?: React.CSSProperties;
-    axis?: React.CSSProperties;
-}
-
-export declare function BeeSwarmChart(props: Props): JSX.Element;
-
-declare interface BeeSwarmChartDataType {
-    label: string | number;
-    position: number;
-    radius?: number;
-    color?: string;
-    data?: object;
-}
-
-declare interface ClassNameObject {
-    title?: string;
-    footnote?: string;
-    source?: string;
-    description?: string;
-    tooltip?: string;
-    xAxis?: AxesClassNameObject;
-    yAxis?: AxesClassNameObject;
-    legend?: string;
-    graphContainer?: string;
-    graphObjectValues?: string;
-    dataConnectors?: string;
-    mouseOverLine?: string;
-    regLine?: string;
-    dataCards?: string;
-    colorLegend?: string;
-    modal?: string;
-}
-
-declare interface CustomLayerDataType {
-    position: 'before' | 'after';
-    layer: React.ReactNode;
-}
-
-declare type Languages = 'en' | 'ar' | 'az' | 'bn' | 'cy' | 'he' | 'hi' | 'ja' | 'ka' | 'km' | 'ko' | 'my' | 'ne' | 'zh' | 'custom';
-
-declare interface NumberFormatOptions {
-    locale?: string;
-    precision?: number;
-    prefix?: string;
-    suffix?: string;
-    padZeros?: boolean;
-}
-
-declare interface Props {
-    /** Array of data objects */
-    data: BeeSwarmChartDataType[];
-    /** Orientation of the graph */
-    orientation?: 'vertical' | 'horizontal';
-    /** Title of the graph */
-    graphTitle?: string | React.ReactNode;
-    /** Description of the graph */
-    graphDescription?: string | React.ReactNode;
-    /** Footnote for the graph */
-    footNote?: string | React.ReactNode;
-    /** Source data for the graph */
-    sources?: SourcesDataType[];
-    /** Accessibility label */
-    ariaLabel?: string;
-    /** Color or array of colors for circle */
-    colors?: string | string[];
-    /** Domain of colors for the graph */
-    colorDomain?: string[];
-    /** Title for the color legend */
-    colorLegendTitle?: string;
-    /** Background color of the graph */
-    backgroundColor?: string | boolean;
-    /** Custom styles for the graph. Each object should be a valid React CSS style object. */
-    styles?: StyleObject;
-    /** Custom class names */
-    classNames?: ClassNameObject;
-    /** Width of the graph */
-    width?: number;
-    /** Height of the graph */
-    height?: number;
-    /** Minimum height of the graph */
-    minHeight?: number;
-    /** Relative height scaling factor. This overwrites the height props */
-    relativeHeight?: number;
-    /** Padding around the graph. Defaults to 0 if no backgroundColor is mentioned else defaults to 1rem */
-    padding?: string;
-    /** Left margin of the graph */
-    leftMargin?: number;
-    /** Right margin of the graph */
-    rightMargin?: number;
-    /** Top margin of the graph */
-    topMargin?: number;
-    /** Bottom margin of the graph */
-    bottomMargin?: number;
-    /** Maximum value for the radius of the circle */
-    maxRadiusValue?: number;
-    /** Minimum value for position of the circle */
-    minValue?: number;
-    /** Maximum value for position of the circle */
-    maxValue?: number;
-    /** Reference values for comparison */
-    refValues?: ReferenceDataType[];
-    /** Number of ticks on the axis */
-    noOfTicks?: number;
-    /** Toggle visibility of labels */
-    showLabels?: boolean;
-    /** Toggle visibility of values */
-    showTicks?: boolean;
-    /** Toggle visibility of color scale. This is only applicable if the data props hae color parameter */
-    showColorScale?: boolean;
-    /** 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 */
-    showNAColor?: boolean;
-    /** Toggle visibility of axis line for the  main axis */
-    hideAxisLine?: boolean;
-    /** Data points to highlight. Use the label value from data to highlight the data point */
-    highlightedDataPoints?: (string | number)[];
-    /** Defines the opacity of the non-highlighted data */
-    dimmedOpacity?: number;
-    /** Maximum radius of the circles  */
-    radius?: number;
-    /** Configuration options for controlling number formatting, localization, prefixes/suffixes, precision, and zero padding. */
-    numberDisplayOptions?: NumberFormatOptions;
-    /** Optional SVG <g> element or function that renders custom content behind or in front of the graph. */
-    customLayers?: CustomLayerDataType[];
-    /** Enable graph download option as png */
-    graphDownload?: boolean;
-    /** Enable data download option as a csv */
-    dataDownload?: boolean;
-    /** Reset selection on double-click. Only applicable when used in a dashboard context with filters. */
-    resetSelectionOnDoubleClick?: boolean;
-    /** 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 */
-    tooltip?: string | ((_d: any) => React.ReactNode);
-    /** 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 */
-    detailsOnClick?: string | ((_d: any) => React.ReactNode);
-    /** Callback for mouse over event */
-    onSeriesMouseOver?: (_d: any) => void;
-    /** Callback for mouse click event */
-    onSeriesMouseClick?: (_d: any) => void;
-    /** Language setting  */
-    language?: Languages;
-    /** Color theme */
-    theme?: 'light' | 'dark';
-    /** Unique ID for the graph */
-    graphID?: string;
-}
-
-declare interface ReferenceDataType {
-    value: number | null;
-    text: string;
-    color?: string;
-    styles?: {
-        line?: React.CSSProperties;
-        text?: React.CSSProperties;
-    };
-    classNames?: {
-        line?: string;
-        text?: string;
-    };
-}
-
-declare interface SourcesDataType {
-    source: string;
-    link?: string;
-}
-
-declare interface StyleObject {
-    title?: React.CSSProperties;
-    footnote?: React.CSSProperties;
-    source?: React.CSSProperties;
-    description?: React.CSSProperties;
-    graphContainer?: React.CSSProperties;
-    tooltip?: React.CSSProperties;
-    xAxis?: AxesStyleObject;
-    yAxis?: AxesStyleObject;
-    graphObjectValues?: React.CSSProperties;
-    dataConnectors?: React.CSSProperties;
-    mouseOverLine?: React.CSSProperties;
-    regLine?: React.CSSProperties;
-    dataCards?: React.CSSProperties;
-    modal?: React.CSSProperties;
-}
-
-export { }
+export * from './Components/Graphs/BeeSwarmChart/index'
+export {}