@automattic/charts 0.58.0 → 1.0.0

package/dist/chunk-XC4KHJYX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-XC4KHJYX.cjs","../src/charts/bar-chart/bar-chart.tsx","../src/charts/bar-chart/bar-chart.module.scss","../src/charts/bar-chart/private/use-bar-chart-options.ts","../src/charts/bar-chart/private/truncated-tick-component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-XC4KHJYX.cjs","sourcesContent":[null,"import { formatNumber } from '@automattic/number-formatters';\nimport { PatternLines, PatternCircles, PatternWaves, PatternHexagons } from '@visx/pattern';\nimport { Axis, BarSeries, BarGroup, Grid, XYChart } from '@visx/xychart';\nimport { __ } from '@wordpress/i18n';\nimport { Stack } from '@wordpress/ui';\nimport clsx from 'clsx';\nimport { useCallback, useContext, useState, useRef, useMemo } from 'react';\nimport { Legend, useChartLegendItems } from '../../components/legend';\nimport { AccessibleTooltip, useKeyboardNavigation } from '../../components/tooltip';\nimport { useXYChartTheme, useChartDataTransform, useZeroValueDisplay, useChartMargin, useElementSize, usePrefersReducedMotion } from '../../hooks';\nimport { GlobalChartsProvider, useChartId, useChartRegistration, useGlobalChartsContext, useGlobalChartsTheme, GlobalChartsContext } from '../../providers';\nimport { attachSubComponents } from '../../utils';\nimport { useChartChildren, renderLegendSlot } from '../private/chart-composition';\nimport { SingleChartContext } from '../private/single-chart-context';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './bar-chart.module.scss';\nimport { useBarChartOptions } from './private';\n\n// Base props type with optional responsive properties\n\n// Composition API types\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\n// Validation function similar to LineChart\nconst validateData = data => {\n  if (!data?.length) return 'No data available';\n  const hasInvalidData = data.some(series => series.data.some(point => isNaN(point.value) || point.value === null || point.value === undefined || !point.label && (!('date' in point && point.date) || isNaN(point.date.getTime()))));\n  if (hasInvalidData) return 'Invalid data';\n  return null;\n};\nconst getPatternId = (chartId, index) => `bar-pattern-${chartId}-${index}`;\nconst BarChartInternal = ({\n  data,\n  chartId: providedChartId,\n  width,\n  height,\n  className,\n  margin,\n  withTooltips = false,\n  showLegend = false,\n  legend = {},\n  gridVisibility: gridVisibilityProp,\n  renderTooltip,\n  options = {},\n  orientation = 'vertical',\n  withPatterns = false,\n  showZeroValues = false,\n  animation,\n  children,\n  gap = 'md'\n}) => {\n  const legendInteractive = legend.interactive ?? false;\n  const horizontal = orientation === 'horizontal';\n  const chartId = useChartId(providedChartId);\n  const theme = useXYChartTheme(data);\n  const dataSorted = useChartDataTransform(data);\n\n  // Transform data to add a small value for zero bars to make them visible\n  // For vertical bars, height determines bar pixel height; for horizontal bars, width does\n  const dataWithVisibleZeros = useZeroValueDisplay(dataSorted, {\n    enabled: showZeroValues,\n    valueAxisLength: horizontal ? width : height\n  });\n\n  // Create legend items using the reusable hook\n  const legendItems = useChartLegendItems(dataSorted);\n  const chartOptions = useBarChartOptions(dataWithVisibleZeros, horizontal, options);\n  const defaultMargin = useChartMargin(height, chartOptions, dataSorted, theme, horizontal);\n  const [svgWrapperRef,, svgWrapperHeight] = useElementSize();\n  const chartRef = useRef(null);\n\n  // Process children for composition API (Legend, etc.)\n  const {\n    legendChildren,\n    nonLegendChildren\n  } = useChartChildren(children, 'BarChart');\n  const hasLegendChild = legendChildren.length > 0;\n\n  // Use the measured SVG wrapper height, falling back to the passed height if provided.\n  // When there's a legend (via prop or composition), we must wait for measurement because\n  // the legend takes space and the svg-wrapper height will be less than the total height.\n  const chartHeight = svgWrapperHeight > 0 ? svgWrapperHeight : height;\n  const hasLegend = showLegend || hasLegendChild;\n  const isWaitingForMeasurement = hasLegend ? svgWrapperHeight === 0 : !chartHeight;\n  const [selectedIndex, setSelectedIndex] = useState(undefined);\n  const [isNavigating, setIsNavigating] = useState(false);\n  const totalPoints = Math.max(0, ...data.map(series => series.data?.length || 0)) * data.length;\n\n  // Use the keyboard navigation hook\n  const {\n    tooltipRef,\n    onChartFocus,\n    onChartBlur,\n    onChartKeyDown\n  } = useKeyboardNavigation({\n    selectedIndex,\n    setSelectedIndex,\n    isNavigating,\n    setIsNavigating,\n    chartRef,\n    totalPoints\n  });\n  const {\n    getElementStyles,\n    isSeriesVisible\n  } = useGlobalChartsContext();\n  const providerTheme = useGlobalChartsTheme();\n\n  // Add visibility information to series when using interactive legends\n  const seriesWithVisibility = useMemo(() => {\n    if (!chartId || !legendInteractive) {\n      return dataWithVisibleZeros.map((series, index) => ({\n        series,\n        index,\n        isVisible: true\n      }));\n    }\n    return dataWithVisibleZeros.map((series, index) => ({\n      series,\n      index,\n      isVisible: isSeriesVisible(chartId, series.label)\n    }));\n  }, [dataWithVisibleZeros, chartId, isSeriesVisible, legendInteractive]);\n\n  // Check if all series are hidden\n  const allSeriesHidden = useMemo(() => {\n    return seriesWithVisibility.every(({\n      isVisible\n    }) => !isVisible);\n  }, [seriesWithVisibility]);\n  const getBarBackground = useCallback(index => () => withPatterns ? `url(#${getPatternId(chartId, index)})` : getElementStyles({\n    data: dataSorted[index],\n    index\n  }).color, [withPatterns, getElementStyles, dataSorted, chartId]);\n  const renderDefaultTooltip = useCallback(({\n    tooltipData\n  }) => {\n    const nearestDatum = tooltipData?.nearestDatum?.datum;\n    if (!nearestDatum) return null;\n    return /*#__PURE__*/_jsxs(\"div\", {\n      className: styles['bar-chart__tooltip'],\n      children: [/*#__PURE__*/_jsx(\"div\", {\n        className: styles['bar-chart__tooltip-header'],\n        children: tooltipData?.nearestDatum?.key\n      }), /*#__PURE__*/_jsxs(\"div\", {\n        className: styles['bar-chart__tooltip-row'],\n        children: [/*#__PURE__*/_jsxs(\"span\", {\n          className: styles['bar-chart__tooltip-label'],\n          children: [chartOptions.tooltip.labelFormatter(nearestDatum.label || (nearestDatum.date ? nearestDatum.date.getTime() : 0), 0, []), \":\"]\n        }), /*#__PURE__*/_jsx(\"span\", {\n          className: styles['bar-chart__tooltip-value'],\n          children: formatNumber(nearestDatum.value)\n        })]\n      })]\n    });\n  }, [chartOptions.tooltip]);\n  const renderPattern = useCallback((index, color) => {\n    const patternType = index % 4;\n    const id = getPatternId(chartId, index);\n    const commonProps = {\n      id,\n      stroke: 'white',\n      strokeWidth: 1,\n      background: color\n    };\n    switch (patternType) {\n      case 0:\n      default:\n        return /*#__PURE__*/_jsx(PatternLines, {\n          ...commonProps,\n          width: 5,\n          height: 5,\n          orientation: ['diagonal']\n        }, id);\n      case 1:\n        return /*#__PURE__*/_jsx(PatternCircles, {\n          ...commonProps,\n          width: 6,\n          height: 6,\n          fill: \"white\"\n        }, id);\n      case 2:\n        return /*#__PURE__*/_jsx(PatternWaves, {\n          ...commonProps,\n          width: 4,\n          height: 4\n        }, id);\n      case 3:\n        return /*#__PURE__*/_jsx(PatternHexagons, {\n          ...commonProps,\n          size: 8,\n          height: 3\n        }, id);\n    }\n  }, [chartId]);\n  const createPatternBorderStyle = useCallback((index, color) => {\n    const patternId = getPatternId(chartId, index);\n    return `\n\t\t\t.visx-bar[fill=\"url(#${patternId})\"] {\n\t\t\t\tstroke: ${color};\n\t\t\t\tstroke-width: 1;\n\t\t\t\t}\n\t\t\t`;\n  }, [chartId]);\n  const createKeyboardHighlightStyle = useCallback(() => {\n    if (selectedIndex === undefined) return '';\n\n    // Calculate which bar should be highlighted based on selectedIndex\n    // Pattern: [series1[0], series2[0], series3[0], series1[1], series2[1], series3[1], ...]\n    const maxDataPoints = Math.max(...data.map(s => s.data.length));\n    const dataPointIndex = Math.floor(selectedIndex / data.length);\n    const seriesIndex = selectedIndex % data.length;\n\n    // Only highlight if we're within valid bounds\n    if (dataPointIndex >= maxDataPoints || seriesIndex >= data.length) {\n      return '';\n    }\n    const seriesData = data[seriesIndex];\n    if (dataPointIndex >= seriesData.data.length) {\n      return '';\n    }\n\n    // Based on the DOM structure analysis:\n    // - All bars are in a single .visx-bar-group\n    // - Bars are ordered as: [series1[0], series1[1], series2[0], series2[1], ...]\n    // - So we need to calculate the actual bar index in the DOM\n    const actualBarIndex = seriesIndex * maxDataPoints + dataPointIndex;\n\n    // Use a CSS class selector instead of ID since useId() generates invalid CSS ID characters\n    const generatedStyles = `\n\t\t\t.bar-chart[data-chart-id=\"bar-chart-${chartId}\"] .visx-bar-group .visx-bar:nth-child(${actualBarIndex + 1}) {\n\t\t\t\tstroke: #005fcc;\n\t\t\t\tstroke-width: 2px;\n\t\t\t}\n\t\t`;\n    return generatedStyles;\n  }, [selectedIndex, data, chartId]);\n\n  // Validate data first\n  const error = validateData(dataSorted);\n  const isDataValid = !error;\n\n  // Memoize metadata to prevent unnecessary re-registration\n  const chartMetadata = useMemo(() => ({\n    orientation,\n    withPatterns\n  }), [orientation, withPatterns]);\n\n  // Register chart with context only if data is valid\n  useChartRegistration({\n    chartId,\n    legendItems,\n    chartType: 'bar',\n    isDataValid,\n    metadata: chartMetadata\n  });\n  const prefersReducedMotion = usePrefersReducedMotion();\n  if (error) {\n    return /*#__PURE__*/_jsx(\"div\", {\n      className: clsx('bar-chart', styles['bar-chart']),\n      children: error\n    });\n  }\n  const gridVisibility = gridVisibilityProp ?? chartOptions.gridVisibility;\n  const highlightedBarStyle = createKeyboardHighlightStyle();\n  const legendPosition = legend.position ?? 'bottom';\n  const legendElement = showLegend && /*#__PURE__*/_jsx(Legend, {\n    orientation: legend.orientation ?? 'horizontal',\n    position: legendPosition,\n    alignment: legend.alignment ?? 'center',\n    labelStyles: legend.labelStyles,\n    itemClassName: legend.itemClassName,\n    itemStyles: legend.itemStyles,\n    shapeStyles: legend.shapeStyles,\n    className: styles['bar-chart__legend'],\n    shape: legend.shape ?? 'rect',\n    chartId: chartId,\n    interactive: legendInteractive\n  });\n  return /*#__PURE__*/_jsx(SingleChartContext.Provider, {\n    value: {\n      chartId,\n      chartWidth: width,\n      chartHeight\n    },\n    children: /*#__PURE__*/_jsxs(Stack, {\n      direction: \"column\",\n      gap: gap,\n      className: clsx('bar-chart', styles['bar-chart'], {\n        [styles[`bar-chart--animated${horizontal ? '-horizontal' : ''}`]]: animation && !prefersReducedMotion\n      }, className),\n      style: {\n        width,\n        height,\n        visibility: isWaitingForMeasurement ? 'hidden' : 'visible'\n      },\n      \"data-chart-id\": `bar-chart-${chartId}`,\n      children: [legendPosition === 'top' && legendElement, renderLegendSlot(legendChildren, 'top'), /*#__PURE__*/_jsx(\"div\", {\n        className: styles['bar-chart__svg-wrapper'],\n        ref: svgWrapperRef,\n        role: \"grid\",\n        \"aria-label\": __('Bar chart', 'jetpack-charts'),\n        tabIndex: 0,\n        onKeyDown: onChartKeyDown,\n        onFocus: onChartFocus,\n        onBlur: onChartBlur,\n        children: !isWaitingForMeasurement && /*#__PURE__*/_jsx(\"div\", {\n          ref: chartRef,\n          children: /*#__PURE__*/_jsxs(XYChart, {\n            theme: theme,\n            width: width,\n            height: chartHeight,\n            margin: {\n              ...defaultMargin,\n              ...margin\n            },\n            xScale: chartOptions.xScale,\n            yScale: chartOptions.yScale,\n            horizontal: horizontal,\n            pointerEventsDataKey: \"nearest\",\n            children: [/*#__PURE__*/_jsx(Grid, {\n              columns: gridVisibility.includes('y'),\n              rows: gridVisibility.includes('x'),\n              numTicks: 4\n            }), withPatterns && /*#__PURE__*/_jsxs(_Fragment, {\n              children: [/*#__PURE__*/_jsx(\"defs\", {\n                children: dataSorted.map((seriesData, index) => renderPattern(index, getElementStyles({\n                  data: seriesData,\n                  index\n                }).color))\n              }), /*#__PURE__*/_jsx(\"style\", {\n                children: dataSorted.map((seriesData, index) => createPatternBorderStyle(index, getElementStyles({\n                  data: seriesData,\n                  index\n                }).color))\n              })]\n            }), highlightedBarStyle && /*#__PURE__*/_jsx(\"style\", {\n              children: highlightedBarStyle\n            }), allSeriesHidden ? /*#__PURE__*/_jsx(\"text\", {\n              x: width / 2,\n              y: chartHeight / 2,\n              textAnchor: \"middle\",\n              fill: providerTheme.gridStyles?.stroke || '#ccc',\n              fontSize: \"14\",\n              fontFamily: \"-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif\",\n              children: __('All series are hidden. Click legend items to show data.', 'jetpack-charts')\n            }) : null, /*#__PURE__*/_jsx(BarGroup, {\n              padding: chartOptions.barGroup.padding,\n              children: seriesWithVisibility.map(({\n                series: seriesData,\n                index,\n                isVisible\n              }) => {\n                // Skip rendering invisible series\n                if (!isVisible) {\n                  return null;\n                }\n                return /*#__PURE__*/_jsx(BarSeries, {\n                  dataKey: seriesData?.label,\n                  data: seriesData.data,\n                  yAccessor: chartOptions.accessors.yAccessor,\n                  xAccessor: chartOptions.accessors.xAccessor,\n                  colorAccessor: getBarBackground(index)\n                }, seriesData?.label);\n              })\n            }), /*#__PURE__*/_jsx(Axis, {\n              ...chartOptions.axis.x\n            }), /*#__PURE__*/_jsx(Axis, {\n              ...chartOptions.axis.y\n            }), withTooltips && /*#__PURE__*/_jsx(AccessibleTooltip, {\n              detectBounds: true,\n              snapTooltipToDatumX: true,\n              snapTooltipToDatumY: true,\n              renderTooltip: renderTooltip || renderDefaultTooltip,\n              selectedIndex: selectedIndex,\n              tooltipRef: tooltipRef,\n              keyboardFocusedClassName: styles['bar-chart__tooltip--keyboard-focused'],\n              series: data,\n              mode: \"individual\"\n            })]\n          })\n        })\n      }), legendPosition === 'bottom' && legendElement, renderLegendSlot(legendChildren, 'bottom'), nonLegendChildren]\n    })\n  });\n};\nconst BarChartWithProvider = props => {\n  const existingContext = useContext(GlobalChartsContext);\n\n  // If we're already in a GlobalChartsProvider context, don't create a new one\n  if (existingContext) {\n    return /*#__PURE__*/_jsx(BarChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(BarChartInternal, {\n      ...props\n    })\n  });\n};\nBarChartWithProvider.displayName = 'BarChart';\n\n// Create BarChart with composition API\nconst BarChart = attachSubComponents(BarChartWithProvider, {\n  Legend: Legend\n});\n\n// Create responsive BarChart with composition API\nconst BarChartResponsive = attachSubComponents(withResponsive(BarChartWithProvider), {\n  Legend: Legend\n});\nexport { BarChartResponsive as default, BarChart as BarChartUnresponsive };","import 'css-chunk:src/charts/bar-chart/bar-chart.module.scss';export default {\n  \"bar-chart__svg-wrapper\": \"a8ccharts-9CsqC0\",\n  \"bar-chart\": \"a8ccharts-3gflnB\",\n  \"bar-chart--animated\": \"a8ccharts-98W-yu\",\n  \"rise\": \"a8ccharts-z6AsiQ\",\n  \"bar-chart--animated-horizontal\": \"a8ccharts-HFA3FF\",\n  \"stretch\": \"a8ccharts-DQp37O\"\n};","import { formatNumberCompact } from '@automattic/number-formatters';\nimport { useMemo } from 'react';\nimport { TruncatedXTickComponent, TruncatedYTickComponent } from './truncated-tick-component';\nimport type { EnhancedDataPoint } from '../../../hooks/use-zero-value-display';\nimport type { DataPointDate, BaseChartProps, SeriesData } from '../../../types';\nimport type { TickFormatter } from '@visx/axis';\n\nconst formatDateTick = ( timestamp: number ) => {\n\tconst date = new Date( timestamp );\n\treturn date.toLocaleDateString( undefined, {\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t} );\n};\n\n/**\n * Get the group padding of a scale.\n *\n * @param scale - The scale to get the group padding of.\n * @return The group padding of the scale.\n */\nconst getGroupPadding = ( scale: Record< string, unknown > ): number => {\n\treturn typeof scale.paddingInner === 'number' ? ( scale.paddingInner as number ) : 0;\n};\n\n/**\n * Returns the merged options for the bar chart, including axis and scale configuration based on the orientation.\n *\n * @param data       - The data to be displayed in the chart.\n * @param horizontal - Whether the chart is horizontal or vertical.\n * @param options    - The options for the chart.\n * @return The merged options for the chart.\n */\nexport function useBarChartOptions(\n\tdata: SeriesData[],\n\thorizontal: boolean,\n\toptions: BaseChartProps[ 'options' ] = {}\n) {\n\tconst defaultOptions = useMemo( () => {\n\t\tconst bandScale = {\n\t\t\ttype: 'band' as const,\n\t\t\tpadding: 0.2,\n\t\t\tpaddingInner: 0.1,\n\t\t};\n\t\tconst linearScale = {\n\t\t\ttype: 'linear' as const,\n\t\t\tnice: true,\n\t\t\tzero: false,\n\t\t};\n\n\t\tconst labelFormatter = data?.[ 0 ]?.data?.[ 0 ]?.label\n\t\t\t? ( label: string ) => label\n\t\t\t: formatDateTick;\n\t\tconst valueFormatter = formatNumberCompact as TickFormatter< unknown >;\n\n\t\tconst labelAccessor = ( d: DataPointDate ) => d?.label || d?.date;\n\t\tconst valueAccessor = ( d: DataPointDate | EnhancedDataPoint ) => {\n\t\t\t// Use visualValue for bar rendering if available (for zero values), otherwise use value\n\t\t\tconst enhancedPoint = d as EnhancedDataPoint;\n\t\t\treturn enhancedPoint?.visualValue !== undefined ? enhancedPoint.visualValue : d?.value;\n\t\t};\n\n\t\treturn {\n\t\t\tvertical: {\n\t\t\t\txTickFormat: labelFormatter,\n\t\t\t\tyTickFormat: valueFormatter,\n\t\t\t\ttooltipLabelFormatter: labelFormatter,\n\t\t\t\txAccessor: labelAccessor,\n\t\t\t\tyAccessor: valueAccessor,\n\t\t\t\tgridVisibility: 'x',\n\t\t\t\txScale: bandScale,\n\t\t\t\tyScale: linearScale,\n\t\t\t},\n\t\t\thorizontal: {\n\t\t\t\txTickFormat: valueFormatter,\n\t\t\t\tyTickFormat: labelFormatter,\n\t\t\t\ttooltipLabelFormatter: labelFormatter,\n\t\t\t\txAccessor: valueAccessor,\n\t\t\t\tyAccessor: labelAccessor,\n\t\t\t\tgridVisibility: 'y',\n\t\t\t\txScale: linearScale,\n\t\t\t\tyScale: bandScale,\n\t\t\t},\n\t\t};\n\t}, [ data ] );\n\n\treturn useMemo( () => {\n\t\tconst orientationKey = horizontal ? 'horizontal' : 'vertical';\n\t\tconst {\n\t\t\txTickFormat,\n\t\t\tyTickFormat,\n\t\t\ttooltipLabelFormatter: defaultTooltipLabelFormatter,\n\t\t\txAccessor,\n\t\t\tyAccessor,\n\t\t\tgridVisibility,\n\t\t\txScale: baseXScale,\n\t\t\tyScale: baseYScale,\n\t\t} = defaultOptions[ orientationKey ];\n\n\t\tconst xScale = { ...baseXScale, ...( options.xScale || {} ) };\n\t\tconst yScale = { ...baseYScale, ...( options.yScale || {} ) };\n\t\tconst providedToolTipLabelFormatter = horizontal\n\t\t\t? options.axis?.y?.tickFormat\n\t\t\t: options.axis?.x?.tickFormat;\n\n\t\tconst { labelOverflow: xLabelOverflow, ...xAxisOptions } = options.axis?.x || {};\n\t\tconst { labelOverflow: yLabelOverflow, ...yAxisOptions } = options.axis?.y || {};\n\n\t\treturn {\n\t\t\tgridVisibility,\n\t\t\txScale,\n\t\t\tyScale,\n\t\t\taccessors: {\n\t\t\t\txAccessor,\n\t\t\t\tyAccessor,\n\t\t\t},\n\t\t\taxis: {\n\t\t\t\tx: {\n\t\t\t\t\torientation: 'bottom' as const,\n\t\t\t\t\tnumTicks: 4,\n\t\t\t\t\ttickFormat: xTickFormat,\n\t\t\t\t\t...( xLabelOverflow === 'ellipsis' ? { tickComponent: TruncatedXTickComponent } : {} ),\n\t\t\t\t\t...xAxisOptions,\n\t\t\t\t},\n\t\t\t\ty: {\n\t\t\t\t\torientation: 'left' as const,\n\t\t\t\t\tnumTicks: 4,\n\t\t\t\t\ttickFormat: yTickFormat,\n\t\t\t\t\t...( yLabelOverflow === 'ellipsis' ? { tickComponent: TruncatedYTickComponent } : {} ),\n\t\t\t\t\t...yAxisOptions,\n\t\t\t\t},\n\t\t\t},\n\t\t\tbarGroup: {\n\t\t\t\tpadding: getGroupPadding( horizontal ? yScale : xScale ),\n\t\t\t},\n\t\t\ttooltip: {\n\t\t\t\tlabelFormatter: providedToolTipLabelFormatter || defaultTooltipLabelFormatter,\n\t\t\t},\n\t\t};\n\t}, [ defaultOptions, options, horizontal ] );\n}\n","import { DataContext } from '@visx/xychart';\nimport { useContext } from 'react';\nimport { isSafari } from '../../../utils';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Get the bandwidth of a scale\n *\n * @param scale - The scale to get the bandwidth of\n * @return The bandwidth of the scale\n */\nconst getScaleBandwidth = scale => {\n  return scale && 'bandwidth' in scale ? scale.bandwidth() ?? 0 : 0;\n};\n/**\n * Minimum width in pixels for tick labels when scale bandwidth is very small.\n * Prevents labels from collapsing to unreadable widths on dense charts.\n *\n * Trade-off: When bandwidth is less than this minimum (e.g., many bars in a narrow chart),\n * adjacent labels may overlap since each label uses this minimum width regardless of\n * available space. This prioritizes label readability over preventing overlap.\n *\n * For very dense charts where overlap occurs, consider:\n * - Using `numTicks` option to reduce the number of displayed labels\n * - Using `tickFormat` to abbreviate label text\n * - Increasing chart width or reducing data points\n */\nconst MIN_TICK_LABEL_WIDTH = 20;\n\n/**\n * A tick component that renders labels with text truncation (ellipsis) when they exceed\n * the available bandwidth. Shows the full text on hover via native title attribute.\n *\n * Uses foreignObject to embed HTML within SVG, enabling CSS text-overflow: ellipsis.\n * Inherits text styles from tickLabelProps passed by visx Axis component.\n *\n * Note: A minimum label width (MIN_TICK_LABEL_WIDTH) is enforced to keep labels readable.\n * On very dense charts where bandwidth < 20px, this may cause label overlap.\n * See MIN_TICK_LABEL_WIDTH documentation for mitigation strategies.\n *\n * @param props                - The props for the truncated tick component\n * @param props.x              - The x position of the tick\n * @param props.y              - The y position of the tick\n * @param props.formattedValue - The formatted value of the tick\n * @param props.axis           - The axis this tick belongs to\n * @param props.textAnchor     - The text anchor of the tick\n * @param props.fill           - The fill color of the tick\n * @param props.dy             - The dy offset of the tick\n *\n * @return The truncated tick component\n */\nexport const TruncatedTickComponent = ({\n  x,\n  y,\n  formattedValue,\n  axis,\n  textAnchor,\n  fill,\n  dy,\n  ...textProps\n}) => {\n  // Get max width of the tick label\n  const {\n    xScale,\n    yScale\n  } = useContext(DataContext) || {};\n  const scale = axis === 'x' ? xScale : yScale;\n  const bandwidth = getScaleBandwidth(scale);\n  const maxWidth = Math.max(bandwidth, MIN_TICK_LABEL_WIDTH);\n\n  // Map SVG textAnchor to CSS textAlign\n  let textAlign = 'center';\n  if (textAnchor === 'start') {\n    textAlign = 'left';\n  } else if (textAnchor === 'end') {\n    textAlign = 'right';\n  } else if (textAnchor === 'middle') {\n    textAlign = 'center';\n  }\n\n  // Calculate x offset based on text alignment\n  let xOffset = 0;\n  if (textAlign === 'center') {\n    xOffset = -maxWidth / 2;\n  } else if (textAlign === 'right') {\n    xOffset = -maxWidth;\n  }\n\n  // Extract compatible style properties from SVG text props\n  const {\n    fontSize,\n    fontFamily,\n    fontWeight,\n    fontStyle,\n    letterSpacing,\n    opacity\n  } = textProps;\n  const textStyles = {\n    /**\n     * SVG <text> elements are vertically aligned to the baseline by default, but HTML <div> elements inside <foreignObject>\n     * are positioned relative to the top-left corner. To visually align the tick label like SVG text,\n     * we shift the div up by 100% of its height and adjust by twice the SVG dy value (from visx) to approximate original placement.\n     */\n    transform: `translateY(calc(-100% + ${dy ?? '0'} * 2))`,\n    // Safari doesn't work well with foreignObject positioning. Use position: fixed as a workaround.\n    ...(isSafari() ? {\n      position: 'fixed'\n    } : {}),\n    // Apply compatible SVG text styles\n    fontSize,\n    fontFamily,\n    fontWeight,\n    fontStyle,\n    letterSpacing,\n    opacity,\n    // Convert svg text styles to CSS styles for the div\n    color: fill ?? 'inherit',\n    textAlign,\n    // Ensure text is truncated with ellipsis, remains on one line, and shows the full value in a tooltip on hover.\n    // The surrounding div uses CSS to handle overflow, and the 'title' attribute is set for accessibility.\n    width: maxWidth,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    cursor: 'default',\n    pointerEvents: 'auto'\n  };\n  return /*#__PURE__*/_jsx(\"foreignObject\", {\n    x: x + xOffset,\n    y: y,\n    width: maxWidth,\n    height: 0,\n    overflow: \"visible\",\n    children: /*#__PURE__*/_jsx(\"div\", {\n      style: textStyles,\n      title: formattedValue,\n      children: formattedValue\n    })\n  });\n};\n\n/**\n * Factory function to create a truncated tick component for a specific axis.\n * Returns a component that can be passed to visx's tickComponent prop.\n *\n * @param axis - The axis this tick component is for ('x' or 'y')\n * @return A tick component function compatible with visx's TickRendererProps\n */\nconst createTruncatedTickComponent = axis => props => {\n  return /*#__PURE__*/_jsx(TruncatedTickComponent, {\n    ...props,\n    axis: axis\n  });\n};\n\n/**\n * Pre-created tick components for x and y axes.\n * These functions are created once at module initialization and reused,\n * avoiding repeated factory calls when configuring axes.\n */\nexport const TruncatedXTickComponent = createTruncatedTickComponent('x');\nexport const TruncatedYTickComponent = createTruncatedTickComponent('y');"]}

package/dist/chunk-XVBH5XHE.cjs

@@ -1,400 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-
-
-
-var _chunkWYK7EL5Rcjs = require('./chunk-WYK7EL5R.cjs');
-
-
-var _chunkMXGLYWVPcjs = require('./chunk-MXGLYWVP.cjs');
-
-// src/components/legend/legend.tsx
-var _react = require('react');
-
-// src/charts/private/single-chart-context/single-chart-context.tsx
-
-var ChartInstanceContext = /* @__PURE__ */ _react.createContext.call(void 0, null);
-var SingleChartContext = ChartInstanceContext;
-
-// src/charts/private/single-chart-context/use-single-chart-context.ts
-
-var useChartInstanceContext = () => {
-  const context = _react.useContext.call(void 0, ChartInstanceContext);
-  if (!context) {
-    throw new Error("useChartInstanceContext must be used within a Chart component");
-  }
-  return context;
-};
-var useSingleChartContext = useChartInstanceContext;
-
-// src/components/legend/private/base-legend.tsx
-var _group = require('@visx/group');
-var _legend = require('@visx/legend');
-var _scale = require('@visx/scale');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-
-
-// src/components/legend/utils/value-or-identity.ts
-function valueOrIdentity(_) {
-  if (_ && typeof _ === "object" && "value" in _ && typeof _.value !== "undefined")
-    return _.value;
-  return _;
-}
-function valueOrIdentityString(_) {
-  return String(valueOrIdentity(_));
-}
-
-// src/components/legend/utils/label-transform-factory.ts
-function labelTransformFactory({
-  scale,
-  labelFormat
-}) {
-  return (d, i) => ({
-    datum: d,
-    index: i,
-    text: `${labelFormat(d, i)}`,
-    value: scale(d)
-  });
-}
-
-// src/components/legend/private/base-legend.module.scss
-var base_legend_module_default = {
-  "legend": "a8ccharts-89ApsU",
-  "legend--horizontal": "a8ccharts-AELBvX",
-  "legend--vertical": "a8ccharts-fX8uQe",
-  "legend--alignment-start": "a8ccharts-DEe0wg",
-  "legend--alignment-center": "a8ccharts-WBKF9I",
-  "legend--alignment-end": "a8ccharts-JfwMng",
-  "legend-item": "a8ccharts-Vflwq8",
-  "legend-item--interactive": "a8ccharts-qGsavM",
-  "legend-item--inactive": "a8ccharts-ZtDY-Q",
-  "legend-item-label": "a8ccharts-2H65Kr",
-  "legend-item-text--wrap": "a8ccharts-faSDBI",
-  "legend-item-text--ellipsis": "a8ccharts-FISUIO",
-  "legend-item-value": "a8ccharts-DTZlT-"
-};
-
-// src/components/legend/private/base-legend.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var orientationToFlexDirection = {
-  horizontal: "row",
-  vertical: "column"
-};
-var LegendText = ({
-  text,
-  textOverflow,
-  maxWidth
-}) => {
-  const isEllipsis = maxWidth != null && textOverflow === "ellipsis";
-  const [textRef, isTruncated] = _chunkWYK7EL5Rcjs.useTextTruncation.call(void 0, Boolean(isEllipsis));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {
-    ref: textRef,
-    className: _clsx2.default.call(void 0, base_legend_module_default["legend-item-text"], maxWidth != null && base_legend_module_default[`legend-item-text--${textOverflow}`]),
-    style: {
-      ...maxWidth != null && {
-        maxWidth,
-        minWidth: 0
-      }
-    },
-    title: isEllipsis && isTruncated ? text : void 0,
-    children: text
-  });
-};
-var BaseLegend = /* @__PURE__ */ _react.forwardRef.call(void 0, ({
-  items,
-  className,
-  orientation = "horizontal",
-  alignment = "center",
-  shape = "rect",
-  fill = valueOrIdentityString,
-  size = valueOrIdentityString,
-  labelFormat = valueOrIdentity,
-  labelTransform = labelTransformFactory,
-  itemStyles,
-  itemClassName,
-  labelStyles,
-  labelClassName,
-  shapeStyles,
-  render,
-  interactive = false,
-  chartId
-}, ref) => {
-  const {
-    margin: itemMargin = "0",
-    flexDirection: itemDirection = "row"
-  } = _nullishCoalesce(itemStyles, () => ( {}));
-  const {
-    justifyContent: labelJustifyContent = "flex-start",
-    flex: labelFlex = "0 0 auto",
-    margin: labelMargin = "0 4px",
-    maxWidth,
-    textOverflow = "wrap"
-  } = _nullishCoalesce(labelStyles, () => ( {}));
-  const {
-    width: shapeWidth = 16,
-    height: shapeHeight = 16,
-    margin: shapeMargin = "2px 4px 2px 0"
-  } = _nullishCoalesce(shapeStyles, () => ( {}));
-  const theme = _chunkWYK7EL5Rcjs.useGlobalChartsTheme.call(void 0, );
-  const context = _react.useContext.call(void 0, _chunkWYK7EL5Rcjs.GlobalChartsContext);
-  const legendScale = _scale.scaleOrdinal.call(void 0, {
-    domain: items.map((item) => item.label),
-    range: items.map((item) => item.color)
-  });
-  const domain = legendScale.domain();
-  const getShapeStyle = _react.useCallback.call(void 0, ({
-    index
-  }) => _optionalChain([items, 'access', _2 => _2[index], 'optionalAccess', _3 => _3.shapeStyle]), [items]);
-  const handleLegendClick = _react.useCallback.call(void 0, (seriesLabel) => {
-    if (interactive && chartId && context) {
-      context.toggleSeriesVisibility(chartId, seriesLabel);
-    }
-  }, [interactive, chartId, context]);
-  const isSeriesVisible = _react.useCallback.call(void 0, (seriesLabel) => {
-    if (!interactive || !chartId || !context) {
-      return true;
-    }
-    return context.isSeriesVisible(chartId, seriesLabel);
-  }, [interactive, chartId, context]);
-  const createClickHandler = _react.useCallback.call(void 0, (labelText) => {
-    if (!interactive) {
-      return void 0;
-    }
-    return () => handleLegendClick(labelText);
-  }, [interactive, handleLegendClick]);
-  const createKeyDownHandler = _react.useCallback.call(void 0, (labelText) => {
-    if (!interactive) {
-      return void 0;
-    }
-    return (event) => {
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        handleLegendClick(labelText);
-      }
-    };
-  }, [interactive, handleLegendClick]);
-  return render ? render(items) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _legend.LegendOrdinal, {
-    scale: legendScale,
-    labelFormat,
-    labelTransform,
-    children: (labels) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
-      ref,
-      role: "list",
-      className: _clsx2.default.call(void 0, base_legend_module_default.legend, base_legend_module_default[`legend--${orientation}`], base_legend_module_default[`legend--alignment-${alignment}`], className),
-      style: {
-        flexDirection: orientationToFlexDirection[orientation],
-        ..._optionalChain([theme, 'access', _4 => _4.legend, 'optionalAccess', _5 => _5.containerStyles])
-      },
-      children: labels.map((label, i) => {
-        const visible = isSeriesVisible(label.text);
-        const handleClick = createClickHandler(label.text);
-        const handleKeyDown = createKeyDownHandler(label.text);
-        const matchedItem = items[i];
-        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _legend.LegendItem, {
-          className: _clsx2.default.call(void 0, "visx-legend-item", base_legend_module_default["legend-item"], interactive && base_legend_module_default["legend-item--interactive"], !visible && base_legend_module_default["legend-item--inactive"], itemClassName),
-          margin: itemMargin,
-          flexDirection: orientation === "vertical" && alignment === "end" ? "row-reverse" : itemDirection,
-          onClick: handleClick,
-          onKeyDown: handleKeyDown,
-          role: interactive ? "button" : void 0,
-          tabIndex: interactive ? 0 : void 0,
-          "aria-pressed": interactive ? visible : void 0,
-          "aria-label": interactive ? `${label.text}: ${visible ? "visible" : "hidden"}. Toggle visibility.` : void 0,
-          children: [_optionalChain([items, 'access', _6 => _6[i], 'optionalAccess', _7 => _7.renderGlyph]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", {
-            width: _optionalChain([items, 'access', _8 => _8[i], 'optionalAccess', _9 => _9.glyphSize]) * 2,
-            height: _optionalChain([items, 'access', _10 => _10[i], 'optionalAccess', _11 => _11.glyphSize]) * 2,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _group.Group, {
-              children: _optionalChain([items, 'access', _12 => _12[i], 'optionalAccess', _13 => _13.renderGlyph, 'call', _14 => _14({
-                key: `legend-glyph-${label.text}`,
-                datum: {},
-                index: i,
-                color: fill(label),
-                size: _optionalChain([items, 'access', _15 => _15[i], 'optionalAccess', _16 => _16.glyphSize]),
-                x: _optionalChain([items, 'access', _17 => _17[i], 'optionalAccess', _18 => _18.glyphSize]),
-                y: _optionalChain([items, 'access', _19 => _19[i], 'optionalAccess', _20 => _20.glyphSize])
-              })])
-            })
-          }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _legend.LegendShape, {
-            shape,
-            height: shapeHeight,
-            width: shapeWidth,
-            margin: shapeMargin,
-            item: domain[i],
-            itemIndex: i,
-            label,
-            fill,
-            size,
-            shapeStyle: getShapeStyle
-          }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _legend.LegendLabel, {
-            className: _clsx2.default.call(void 0, "visx-legend-label", base_legend_module_default["legend-item-label"], labelClassName),
-            style: {
-              justifyContent: labelJustifyContent,
-              flex: labelFlex,
-              margin: labelMargin,
-              ..._optionalChain([theme, 'access', _21 => _21.legend, 'optionalAccess', _22 => _22.labelStyles])
-            },
-            children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, LegendText, {
-              text: label.text,
-              textOverflow,
-              maxWidth
-            }), _optionalChain([matchedItem, 'optionalAccess', _23 => _23.value]) != null && matchedItem.value !== "" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", {
-              className: base_legend_module_default["legend-item-value"],
-              children: ["\xA0", matchedItem.value]
-            })]
-          })]
-        }, `legend-${label.text}-${i}`);
-      })
-    })
-  });
-});
-
-// src/components/legend/legend.tsx
-
-var Legend = /* @__PURE__ */ _react.forwardRef.call(void 0, ({
-  chartId,
-  items,
-  ...props
-}, ref) => {
-  const context = _react.useContext.call(void 0, _chunkWYK7EL5Rcjs.GlobalChartsContext);
-  const singleChartContext = _react.useContext.call(void 0, SingleChartContext);
-  const contextChartId = _nullishCoalesce(chartId, () => ( _optionalChain([singleChartContext, 'optionalAccess', _24 => _24.chartId])));
-  const contextItems = _react.useMemo.call(void 0, () => {
-    return contextChartId && context ? _optionalChain([context, 'access', _25 => _25.getChartData, 'call', _26 => _26(contextChartId), 'optionalAccess', _27 => _27.legendItems]) : void 0;
-  }, [contextChartId, context]);
-  const legendItems = items || contextItems;
-  if (!legendItems) {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BaseLegend, {
-    ref,
-    items: legendItems,
-    ...props,
-    chartId: contextChartId
-  });
-});
-
-// src/components/legend/hooks/use-chart-legend-items.ts
-var _numberformatters = require('@automattic/number-formatters');
-
-function formatPointValue(point, showValues, legendValueDisplay = "percentage") {
-  if (!showValues || legendValueDisplay === "none") {
-    return "";
-  }
-  if ("percentage" in point) {
-    const percentagePoint = point;
-    switch (legendValueDisplay) {
-      case "percentage":
-        return _chunkMXGLYWVPcjs.formatPercentage.call(void 0, percentagePoint.percentage);
-      case "value":
-        return _numberformatters.formatNumber.call(void 0, percentagePoint.value);
-      case "valueDisplay":
-        return percentagePoint.valueDisplay || _numberformatters.formatNumber.call(void 0, percentagePoint.value);
-      default:
-        return "";
-    }
-  }
-  if ("value" in point) {
-    return point.value !== null ? _numberformatters.formatNumber.call(void 0, point.value) : "";
-  }
-  return "";
-}
-function applyGlyphToLegendItem(baseItem, withGlyph, glyph, renderGlyph, glyphSize) {
-  if (withGlyph) {
-    const glyphToUse = glyph || renderGlyph;
-    if (glyphToUse) {
-      return {
-        ...baseItem,
-        glyphSize,
-        renderGlyph: glyphToUse
-      };
-    }
-  }
-  return baseItem;
-}
-function processSeriesData(seriesData, getElementStyles, showValues, withGlyph, glyphSize, renderGlyph, legendShape) {
-  const mapper = (series, index) => {
-    const { color, glyph, shapeStyles } = getElementStyles({
-      data: series,
-      index,
-      legendShape
-    });
-    const baseItem = {
-      label: series.label,
-      value: showValues ? _optionalChain([series, 'access', _28 => _28.data, 'optionalAccess', _29 => _29.length, 'optionalAccess', _30 => _30.toString, 'call', _31 => _31()]) || "0" : "",
-      color,
-      shapeStyle: shapeStyles
-    };
-    return applyGlyphToLegendItem(baseItem, withGlyph, glyph, renderGlyph, glyphSize);
-  };
-  return seriesData.map(mapper);
-}
-function processPointData(pointData, getElementStyles, showValues, legendValueDisplay, withGlyph, glyphSize, renderGlyph, legendShape) {
-  const mapper = (point, index) => {
-    const { color, glyph, shapeStyles } = getElementStyles({
-      data: point,
-      index,
-      legendShape
-    });
-    const baseItem = {
-      label: point.label,
-      value: formatPointValue(point, showValues, legendValueDisplay),
-      color,
-      shapeStyle: shapeStyles
-    };
-    return applyGlyphToLegendItem(baseItem, withGlyph, glyph, renderGlyph, glyphSize);
-  };
-  return pointData.map(mapper);
-}
-function useChartLegendItems(data, options = {}, legendShape) {
-  const {
-    showValues = false,
-    legendValueDisplay = "percentage",
-    withGlyph = false,
-    glyphSize = 8,
-    renderGlyph
-  } = options;
-  const { getElementStyles } = _chunkWYK7EL5Rcjs.useGlobalChartsContext.call(void 0, );
-  return _react.useMemo.call(void 0, () => {
-    if (!data || !Array.isArray(data) || data.length === 0) {
-      return [];
-    }
-    if ("data" in data[0]) {
-      return processSeriesData(
-        data,
-        getElementStyles,
-        showValues,
-        withGlyph,
-        glyphSize,
-        renderGlyph,
-        legendShape
-      );
-    }
-    return processPointData(
-      data,
-      getElementStyles,
-      showValues,
-      legendValueDisplay,
-      withGlyph,
-      glyphSize,
-      renderGlyph,
-      legendShape
-    );
-  }, [
-    data,
-    getElementStyles,
-    showValues,
-    legendValueDisplay,
-    withGlyph,
-    glyphSize,
-    renderGlyph,
-    legendShape
-  ]);
-}
-
-
-
-
-
-
-exports.SingleChartContext = SingleChartContext; exports.useSingleChartContext = useSingleChartContext; exports.Legend = Legend; exports.useChartLegendItems = useChartLegendItems;
-//# sourceMappingURL=chunk-XVBH5XHE.cjs.map

package/dist/chunk-XVBH5XHE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-XVBH5XHE.cjs","../src/components/legend/legend.tsx","../src/charts/private/single-chart-context/single-chart-context.tsx","../src/charts/private/single-chart-context/use-single-chart-context.ts","../src/components/legend/private/base-legend.tsx","../src/components/legend/utils/value-or-identity.ts","../src/components/legend/utils/label-transform-factory.ts","../src/components/legend/private/base-legend.module.scss","../src/components/legend/hooks/use-chart-legend-items.ts"],"names":["useMemo"],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,8BAAgD;ADYhD;AACA;AEbA;AAIO,IAAM,qBAAA,kBAAoC,kCAAA,IAAkB,CAAA;AAG5D,IAAM,mBAAA,EAAqB,oBAAA;AFUlC;AACA;AGlBA;AAGO,IAAM,wBAAA,EAA0B,CAAA,EAAA,GAAiC;AACvE,EAAA,MAAM,QAAA,EAAU,+BAAA,oBAAiC,CAAA;AACjD,EAAA,GAAA,CAAK,CAAE,OAAA,EAAU;AAChB,IAAA,MAAM,IAAI,KAAA,CAAO,+DAAgE,CAAA;AAAA,EAClF;AACA,EAAA,OAAO,OAAA;AACR,CAAA;AAEO,IAAM,sBAAA,EAAwB,uBAAA;AHiBrC;AACA;AI7BA,oCAAsB;AACtB,sCAAoE;AACpE,oCAA6B;AAC7B,wEAAiB;AACjB;AJ+BA;AACA;AK7BO,SAAS,eAAA,CAAsB,CAAA,EAA6B;AAClE,EAAA,GAAA,CAAK,EAAA,GAAK,OAAO,EAAA,IAAM,SAAA,GAAY,QAAA,GAAW,EAAA,GAAK,OAAO,CAAA,CAAE,MAAA,IAAU,WAAA;AACrE,IAAA,OAAO,CAAA,CAAE,KAAA;AACV,EAAA,OAAO,CAAA;AACR;AAOO,SAAS,qBAAA,CAA4B,CAAA,EAAkC;AAC7E,EAAA,OAAO,MAAA,CAAQ,eAAA,CAAiB,CAAE,CAAE,CAAA;AACrC;ALyBA;AACA;AMpCO,SAAS,qBAAA,CAAmD;AAAA,EAClE,KAAA;AAAA,EACA;AACD,CAAA,EAGiE;AAChE,EAAA,OAAO,CAAE,CAAA,EAAG,CAAA,EAAA,GAAA,CAAS;AAAA,IACpB,KAAA,EAAO,CAAA;AAAA,IACP,KAAA,EAAO,CAAA;AAAA,IACP,IAAA,EAAM,CAAA,EAAA;AACC,IAAA;AACR,EAAA;AACD;ANmCW;AACA;AO3DqE;AAC9E,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACF;AP6DW;AACA;AInEF;AACH;AACJ,EAAA;AACA,EAAA;AACF;AAIM;AACJ,EAAA;AACA,EAAA;AACA,EAAA;AACI;AACE,EAAA;AACC,EAAA;AACa,EAAA;AACb,IAAA;AACL,IAAA;AACO,IAAA;AACD,MAAA;AACF,QAAA;AACA,QAAA;AACF,MAAA;AACF,IAAA;AACO,IAAA;AACP,IAAA;AACD,EAAA;AACH;AAMa;AACX,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ,EAAA;AACD,EAAA;AACA,EAAA;AACP,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACS;AACH,EAAA;AACJ,IAAA;AACA,IAAA;AACE,EAAA;AACE,EAAA;AACJ,IAAA;AACM,IAAA;AACN,IAAA;AACA,IAAA;AACA,IAAA;AACE,EAAA;AACE,EAAA;AACG,IAAA;AACP,IAAA;AACA,IAAA;AACE,EAAA;AACE,EAAA;AACA,EAAA;AACA,EAAA;AACJ,IAAA;AACO,IAAA;AACR,EAAA;AACK,EAAA;AACA,EAAA;AACJ,IAAA;AACI,EAAA;AAGA,EAAA;AACA,IAAA;AACF,MAAA;AACF,IAAA;AACE,EAAA;AAGE,EAAA;AACC,IAAA;AACH,MAAA;AACF,IAAA;AACO,IAAA;AACL,EAAA;AAGE,EAAA;AACC,IAAA;AACH,MAAA;AACF,IAAA;AACO,IAAA;AACL,EAAA;AACE,EAAA;AACC,IAAA;AACH,MAAA;AACF,IAAA;AACO,IAAA;AACD,MAAA;AACF,QAAA;AACA,QAAA;AACF,MAAA;AACF,IAAA;AACE,EAAA;AACG,EAAA;AACE,IAAA;AACP,IAAA;AACA,IAAA;AACA,IAAA;AACE,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACE,QAAA;AACG,QAAA;AACL,MAAA;AACA,MAAA;AACE,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACE,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AAA4D,YAAA;AAC7B,YAAA;AACC,YAAA;AACK,cAAA;AACD,gBAAA;AACC,gBAAA;AACvB,gBAAA;AACD,gBAAA;AACU,gBAAA;AACD,gBAAA;AACH,gBAAA;AACA,cAAA;AACd,YAAA;AAEJ,UAAA;AAAmC,YAAA;AAClC,YAAA;AACQ,YAAA;AACD,YAAA;AACC,YAAA;AACM,YAAA;AACH,YAAA;AACX,YAAA;AACA,YAAA;AACA,YAAA;AAED,UAAA;AAAmC,YAAA;AAC8C,YAAA;AACzE,cAAA;AACW,cAAA;AACV,cAAA;AACE,cAAA;AACS,YAAA;AACnB,YAAA;AACyC,cAAA;AAC3B,cAAA;AACZ,cAAA;AACA,YAAA;AACuF,cAAA;AAClD,cAAA;AACC,YAAA;AAEzC,UAAA;AACA,QAAA;AACJ,MAAA;AACF,IAAA;AACF,EAAA;AACF;AJuDU;AACA;ACtPF;AACI;AACX,EAAA;AACA,EAAA;AACG,EAAA;AACM;AAEH,EAAA;AACA,EAAA;AAIA,EAAA;AAGA,EAAA;AACG,IAAA;AACL,EAAA;AAGE,EAAA;AACD,EAAA;AACI,IAAA;AACT,EAAA;AACoB,EAAA;AAClB,IAAA;AACO,IAAA;AACJ,IAAA;AACH,IAAA;AACD,EAAA;AACF;ADgPU;AACA;AQnRF;AACA;AA+BA;AAKD,EAAA;AACC,IAAA;AACR,EAAA;AAGK,EAAA;AACE,IAAA;AACN,IAAA;AACM,MAAA;AACJ,QAAA;AACI,MAAA;AACJ,QAAA;AACI,MAAA;AACJ,QAAA;AACD,MAAA;AACC,QAAA;AACF,IAAA;AACD,EAAA;AAGK,EAAA;AACG,IAAA;AACR,EAAA;AAEO,EAAA;AACR;AAWS;AAOH,EAAA;AACE,IAAA;AACD,IAAA;AACJ,MAAA;AACI,QAAA;AACH,QAAA;AACA,QAAA;AACD,MAAA;AACD,IAAA;AACD,EAAA;AAEO,EAAA;AACR;AAaS;AASF,EAAA;AACC,IAAA;AACL,MAAA;AACA,MAAA;AACA,MAAA;AACC,IAAA;AAEI,IAAA;AACL,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACD,IAAA;AAEO,IAAA;AACR,EAAA;AAEO,EAAA;AACR;AAcS;AAUF,EAAA;AACC,IAAA;AACL,MAAA;AACA,MAAA;AACA,MAAA;AACC,IAAA;AAEI,IAAA;AACL,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACD,IAAA;AAEO,IAAA;AACR,EAAA;AAEO,EAAA;AACR;AASgB;AAOT,EAAA;AACL,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACG,EAAA;AACI,EAAA;AAEDA,EAAAA;AACC,IAAA;AACN,MAAA;AACD,IAAA;AAGK,IAAA;AACJ,MAAA;AACC,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACD,MAAA;AACD,IAAA;AAGO,IAAA;AACN,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACD,IAAA;AACE,EAAA;AACF,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACC,EAAA;AACH;AR0JW;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-XVBH5XHE.cjs","sourcesContent":[null,"import { useContext, useMemo, forwardRef } from 'react';\nimport { SingleChartContext } from '../../charts/private/single-chart-context';\nimport { GlobalChartsContext } from '../../providers';\nimport { BaseLegend } from './private';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const Legend = /*#__PURE__*/forwardRef(({\n  chartId,\n  items,\n  ...props\n}, ref) => {\n  // Get context but don't throw if it doesn't exist\n  const context = useContext(GlobalChartsContext);\n  const singleChartContext = useContext(SingleChartContext);\n\n  // When chartId is used, it is standalone mode\n  // When chartId is not provided, we use the context's chartId, meaning it is in a single chart context\n  const contextChartId = chartId ?? singleChartContext?.chartId;\n\n  // Use useMemo to ensure re-rendering when context changes\n  const contextItems = useMemo(() => {\n    return contextChartId && context ? context.getChartData(contextChartId)?.legendItems : undefined;\n  }, [contextChartId, context]);\n\n  // Provided items take precedence over context items\n  const legendItems = items || contextItems;\n  if (!legendItems) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(BaseLegend, {\n    ref: ref,\n    items: legendItems,\n    ...props,\n    chartId: contextChartId\n  });\n});","import { createContext } from 'react';\n\n// Local context for chart implicit state sharing\n\nexport const ChartInstanceContext = /*#__PURE__*/createContext(null);\n\n// Backward compatibility exports\nexport const SingleChartContext = ChartInstanceContext;","import { useContext } from 'react';\nimport { ChartInstanceContext, type ChartInstanceContextValue } from './single-chart-context';\n\nexport const useChartInstanceContext = (): ChartInstanceContextValue => {\n\tconst context = useContext( ChartInstanceContext );\n\tif ( ! context ) {\n\t\tthrow new Error( 'useChartInstanceContext must be used within a Chart component' );\n\t}\n\treturn context;\n};\n\nexport const useSingleChartContext = useChartInstanceContext;\n","import { Group } from '@visx/group';\nimport { LegendItem, LegendLabel, LegendOrdinal, LegendShape } from '@visx/legend';\nimport { scaleOrdinal } from '@visx/scale';\nimport clsx from 'clsx';\nimport { forwardRef, useCallback, useContext } from 'react';\nimport { useTextTruncation } from '../../../hooks';\nimport { GlobalChartsContext, useGlobalChartsTheme } from '../../../providers';\nimport { valueOrIdentity, valueOrIdentityString, labelTransformFactory } from '../utils';\nimport styles from './base-legend.module.scss';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst orientationToFlexDirection = {\n  horizontal: 'row',\n  vertical: 'column'\n};\n\n// Component for legend text with truncation detection\n// Moved outside BaseLegend to prevent recreation on every render\nconst LegendText = ({\n  text,\n  textOverflow,\n  maxWidth\n}) => {\n  const isEllipsis = maxWidth != null && textOverflow === 'ellipsis';\n  const [textRef, isTruncated] = useTextTruncation(Boolean(isEllipsis));\n  return /*#__PURE__*/_jsx(\"span\", {\n    ref: textRef,\n    className: clsx(styles['legend-item-text'], maxWidth != null && styles[`legend-item-text--${textOverflow}`]),\n    style: {\n      ...(maxWidth != null && {\n        maxWidth,\n        minWidth: 0\n      })\n    },\n    title: isEllipsis && isTruncated ? text : undefined,\n    children: text\n  });\n};\n\n/*\n * Base legend component that displays color-coded items with labels based on visx LegendOrdinal.\n * We avoid using LegendOrdinal directly to enable support for advanced features such as interactivity.\n */\nexport const BaseLegend = /*#__PURE__*/forwardRef(({\n  items,\n  className,\n  orientation = 'horizontal',\n  alignment = 'center',\n  shape = 'rect',\n  fill = valueOrIdentityString,\n  size = valueOrIdentityString,\n  labelFormat = valueOrIdentity,\n  labelTransform = labelTransformFactory,\n  itemStyles,\n  itemClassName,\n  labelStyles,\n  labelClassName,\n  shapeStyles,\n  render,\n  interactive = false,\n  chartId\n}, ref) => {\n  const {\n    margin: itemMargin = '0',\n    flexDirection: itemDirection = 'row'\n  } = itemStyles ?? {};\n  const {\n    justifyContent: labelJustifyContent = 'flex-start',\n    flex: labelFlex = '0 0 auto',\n    margin: labelMargin = '0 4px',\n    maxWidth,\n    textOverflow = 'wrap'\n  } = labelStyles ?? {};\n  const {\n    width: shapeWidth = 16,\n    height: shapeHeight = 16,\n    margin: shapeMargin = '2px 4px 2px 0'\n  } = shapeStyles ?? {};\n  const theme = useGlobalChartsTheme();\n  const context = useContext(GlobalChartsContext);\n  const legendScale = scaleOrdinal({\n    domain: items.map(item => item.label),\n    range: items.map(item => item.color)\n  });\n  const domain = legendScale.domain();\n  const getShapeStyle = useCallback(({\n    index\n  }) => items[index]?.shapeStyle, [items]);\n\n  // Handle legend item clicks for interactive mode\n  const handleLegendClick = useCallback(seriesLabel => {\n    if (interactive && chartId && context) {\n      context.toggleSeriesVisibility(chartId, seriesLabel);\n    }\n  }, [interactive, chartId, context]);\n\n  // Check if a series is visible\n  const isSeriesVisible = useCallback(seriesLabel => {\n    if (!interactive || !chartId || !context) {\n      return true;\n    }\n    return context.isSeriesVisible(chartId, seriesLabel);\n  }, [interactive, chartId, context]);\n\n  // Create event handlers to avoid inline arrow functions\n  const createClickHandler = useCallback(labelText => {\n    if (!interactive) {\n      return undefined;\n    }\n    return () => handleLegendClick(labelText);\n  }, [interactive, handleLegendClick]);\n  const createKeyDownHandler = useCallback(labelText => {\n    if (!interactive) {\n      return undefined;\n    }\n    return event => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        handleLegendClick(labelText);\n      }\n    };\n  }, [interactive, handleLegendClick]);\n  return render ? render(items) : /*#__PURE__*/_jsx(LegendOrdinal, {\n    scale: legendScale,\n    labelFormat: labelFormat,\n    labelTransform: labelTransform,\n    children: labels => /*#__PURE__*/_jsx(\"div\", {\n      ref: ref,\n      role: \"list\",\n      className: clsx(styles.legend, styles[`legend--${orientation}`], styles[`legend--alignment-${alignment}`], className),\n      style: {\n        flexDirection: orientationToFlexDirection[orientation],\n        ...theme.legend?.containerStyles\n      },\n      children: labels.map((label, i) => {\n        const visible = isSeriesVisible(label.text);\n        const handleClick = createClickHandler(label.text);\n        const handleKeyDown = createKeyDownHandler(label.text);\n        const matchedItem = items[i];\n        return /*#__PURE__*/_jsxs(LegendItem, {\n          className: clsx('visx-legend-item', styles['legend-item'], interactive && styles['legend-item--interactive'], !visible && styles['legend-item--inactive'], itemClassName),\n          margin: itemMargin,\n          flexDirection: orientation === 'vertical' && alignment === 'end' ? 'row-reverse' : itemDirection,\n          onClick: handleClick,\n          onKeyDown: handleKeyDown,\n          role: interactive ? 'button' : undefined,\n          tabIndex: interactive ? 0 : undefined,\n          \"aria-pressed\": interactive ? visible : undefined,\n          \"aria-label\": interactive ? `${label.text}: ${visible ? 'visible' : 'hidden'}. Toggle visibility.` : undefined,\n          children: [items[i]?.renderGlyph ? /*#__PURE__*/_jsx(\"svg\", {\n            width: items[i]?.glyphSize * 2,\n            height: items[i]?.glyphSize * 2,\n            children: /*#__PURE__*/_jsx(Group, {\n              children: items[i]?.renderGlyph({\n                key: `legend-glyph-${label.text}`,\n                datum: {},\n                index: i,\n                color: fill(label),\n                size: items[i]?.glyphSize,\n                x: items[i]?.glyphSize,\n                y: items[i]?.glyphSize\n              })\n            })\n          }) : /*#__PURE__*/_jsx(LegendShape, {\n            shape: shape,\n            height: shapeHeight,\n            width: shapeWidth,\n            margin: shapeMargin,\n            item: domain[i],\n            itemIndex: i,\n            label: label,\n            fill: fill,\n            size: size,\n            shapeStyle: getShapeStyle\n          }), /*#__PURE__*/_jsxs(LegendLabel, {\n            className: clsx('visx-legend-label', styles['legend-item-label'], labelClassName),\n            style: {\n              justifyContent: labelJustifyContent,\n              flex: labelFlex,\n              margin: labelMargin,\n              ...theme.legend?.labelStyles\n            },\n            children: [/*#__PURE__*/_jsx(LegendText, {\n              text: label.text,\n              textOverflow: textOverflow,\n              maxWidth: maxWidth\n            }), matchedItem?.value != null && matchedItem.value !== '' && /*#__PURE__*/_jsxs(\"span\", {\n              className: styles['legend-item-value'],\n              children: ['\\u00A0', matchedItem.value]\n            })]\n          })]\n        }, `legend-${label.text}-${i}`);\n      })\n    })\n  });\n});","export type ValueOrIdentity< T > = T | { value?: T };\n\n/**\n * Returns an object's value if defined, or the object.\n * @param _ - The object to return the value of.\n * @return The value of the object, or the object itself.\n */\nexport function valueOrIdentity< T >( _: ValueOrIdentity< T > ): T {\n\tif ( _ && typeof _ === 'object' && 'value' in _ && typeof _.value !== 'undefined' )\n\t\treturn _.value;\n\treturn _ as T;\n}\n\n/**\n * Returns an object's value if defined, or the object, coerced to a string.\n * @param _ - The object to return the value of.\n * @return The value of the object, or the object itself.\n */\nexport function valueOrIdentityString< T >( _: ValueOrIdentity< T > ): string {\n\treturn String( valueOrIdentity( _ ) );\n}\n","import type { ItemTransformer, LabelFormatter } from '@visx/legend/lib/types';\nimport type { AnyD3Scale, ScaleInput } from '@visx/scale';\n\n/**\n * Returns a function which takes a Datum and index as input, and returns a formatted label object.\n * @param {object}                            root0             - The object to return the value of.\n * @param {AnyD3Scale}                        root0.scale       - The scale to use.\n * @param {LabelFormatter<ScaleInput<Scale>>} root0.labelFormat - The label format to use.\n * @return {ItemTransformer<ScaleInput<Scale>, ReturnType<Scale>>} The label transform factory.\n */\nexport function labelTransformFactory< Scale extends AnyD3Scale >( {\n\tscale,\n\tlabelFormat,\n}: {\n\tscale: Scale;\n\tlabelFormat: LabelFormatter< ScaleInput< Scale > >;\n} ): ItemTransformer< ScaleInput< Scale >, ReturnType< Scale > > {\n\treturn ( d, i ) => ( {\n\t\tdatum: d,\n\t\tindex: i,\n\t\ttext: `${ labelFormat( d, i ) }`,\n\t\tvalue: scale( d ),\n\t} );\n}\n","import 'css-chunk:src/components/legend/private/base-legend.module.scss';export default {\n  \"legend\": \"a8ccharts-89ApsU\",\n  \"legend--horizontal\": \"a8ccharts-AELBvX\",\n  \"legend--vertical\": \"a8ccharts-fX8uQe\",\n  \"legend--alignment-start\": \"a8ccharts-DEe0wg\",\n  \"legend--alignment-center\": \"a8ccharts-WBKF9I\",\n  \"legend--alignment-end\": \"a8ccharts-JfwMng\",\n  \"legend-item\": \"a8ccharts-Vflwq8\",\n  \"legend-item--interactive\": \"a8ccharts-qGsavM\",\n  \"legend-item--inactive\": \"a8ccharts-ZtDY-Q\",\n  \"legend-item-label\": \"a8ccharts-2H65Kr\",\n  \"legend-item-text--wrap\": \"a8ccharts-faSDBI\",\n  \"legend-item-text--ellipsis\": \"a8ccharts-FISUIO\",\n  \"legend-item-value\": \"a8ccharts-DTZlT-\"\n};","import { formatNumber } from '@automattic/number-formatters';\nimport { useMemo } from 'react';\nimport {\n\tuseGlobalChartsContext,\n\ttype GetElementStylesParams,\n\ttype ElementStyles,\n} from '../../../providers';\nimport { formatPercentage } from '../../../utils';\nimport type { SeriesData, DataPointDate, DataPointPercentage } from '../../../types';\nimport type { BaseLegendItem } from '../types';\nimport type { LegendShape } from '@visx/legend/lib/types';\nimport type { GlyphProps } from '@visx/xychart';\nimport type { ReactNode } from 'react';\n\nexport type LegendValueDisplay = 'percentage' | 'value' | 'valueDisplay' | 'none';\n\nexport interface ChartLegendOptions {\n\twithGlyph?: boolean;\n\tglyphSize?: number;\n\trenderGlyph?: < Datum extends object >( props: GlyphProps< Datum > ) => ReactNode;\n\tshowValues?: boolean;\n\tlegendValueDisplay?: LegendValueDisplay;\n\tlegendShape?: LegendShape< SeriesData[], number >;\n}\n\n/**\n * Formats the value for a data point based on its type and display preference\n * @param point              - The data point to format\n * @param showValues         - Whether to show values or return empty string\n * @param legendValueDisplay - What type of value to display\n * @return Formatted value string\n */\nfunction formatPointValue(\n\tpoint: DataPointDate | DataPointPercentage,\n\tshowValues: boolean,\n\tlegendValueDisplay: LegendValueDisplay = 'percentage'\n): string {\n\tif ( ! showValues || legendValueDisplay === 'none' ) {\n\t\treturn '';\n\t}\n\n\t// Handle DataPointPercentage (pie chart data)\n\tif ( 'percentage' in point ) {\n\t\tconst percentagePoint = point as DataPointPercentage;\n\t\tswitch ( legendValueDisplay ) {\n\t\t\tcase 'percentage':\n\t\t\t\treturn formatPercentage( percentagePoint.percentage );\n\t\t\tcase 'value':\n\t\t\t\treturn formatNumber( percentagePoint.value );\n\t\t\tcase 'valueDisplay':\n\t\t\t\treturn percentagePoint.valueDisplay || formatNumber( percentagePoint.value );\n\t\t\tdefault:\n\t\t\t\treturn '';\n\t\t}\n\t}\n\n\t// Handle DataPointDate (time series data)\n\tif ( 'value' in point ) {\n\t\treturn point.value !== null ? formatNumber( point.value ) : '';\n\t}\n\n\treturn '';\n}\n\n/**\n * Applies glyph configuration to a legend item if needed\n * @param baseItem    - The base legend item\n * @param withGlyph   - Whether to include glyph rendering\n * @param glyph       - Glyph component from theme\n * @param renderGlyph - Custom glyph render function\n * @param glyphSize   - Size of the glyph\n * @return The legend item with glyph configuration applied if applicable\n */\nfunction applyGlyphToLegendItem(\n\tbaseItem: BaseLegendItem,\n\twithGlyph: boolean,\n\tglyph?: < Datum extends object >( props: GlyphProps< Datum > ) => ReactNode,\n\trenderGlyph?: < Datum extends object >( props: GlyphProps< Datum > ) => ReactNode,\n\tglyphSize?: number\n): BaseLegendItem {\n\tif ( withGlyph ) {\n\t\tconst glyphToUse = glyph || renderGlyph;\n\t\tif ( glyphToUse ) {\n\t\t\treturn {\n\t\t\t\t...baseItem,\n\t\t\t\tglyphSize,\n\t\t\t\trenderGlyph: glyphToUse,\n\t\t\t};\n\t\t}\n\t}\n\n\treturn baseItem;\n}\n\n/**\n * Processes SeriesData into legend items\n * @param seriesData       - The series data to process\n * @param getElementStyles - Function to get element styles\n * @param showValues       - Whether to show values in legend\n * @param withGlyph        - Whether to include glyph rendering\n * @param glyphSize        - Size of the glyph\n * @param renderGlyph      - Component to render the glyph\n * @param legendShape      - The shape type for legend items (string literal or React component)\n * @return Array of processed legend items\n */\nfunction processSeriesData(\n\tseriesData: SeriesData[],\n\tgetElementStyles: ( params: GetElementStylesParams ) => ElementStyles,\n\tshowValues: boolean,\n\twithGlyph: boolean,\n\tglyphSize: number,\n\trenderGlyph?: < Datum extends object >( props: GlyphProps< Datum > ) => ReactNode,\n\tlegendShape?: LegendShape< SeriesData[], number >\n): BaseLegendItem[] {\n\tconst mapper = ( series: SeriesData, index: number ) => {\n\t\tconst { color, glyph, shapeStyles } = getElementStyles( {\n\t\t\tdata: series,\n\t\t\tindex,\n\t\t\tlegendShape,\n\t\t} );\n\n\t\tconst baseItem: BaseLegendItem = {\n\t\t\tlabel: series.label,\n\t\t\tvalue: showValues ? series.data?.length?.toString() || '0' : '',\n\t\t\tcolor,\n\t\t\tshapeStyle: shapeStyles,\n\t\t};\n\n\t\treturn applyGlyphToLegendItem( baseItem, withGlyph, glyph, renderGlyph, glyphSize );\n\t};\n\n\treturn seriesData.map( mapper );\n}\n\n/**\n * Processes point data into legend items\n * @param pointData          - The point data to process\n * @param getElementStyles   - Function to get element styles\n * @param showValues         - Whether to show values in legend\n * @param legendValueDisplay - What type of value to display\n * @param withGlyph          - Whether to include glyph rendering\n * @param glyphSize          - Size of the glyph\n * @param renderGlyph        - Component to render the glyph\n * @param legendShape        - The shape type for legend items (string literal or React component)\n * @return Array of processed legend items\n */\nfunction processPointData(\n\tpointData: ( DataPointDate | DataPointPercentage )[],\n\tgetElementStyles: ( params: GetElementStylesParams ) => ElementStyles,\n\tshowValues: boolean,\n\tlegendValueDisplay: LegendValueDisplay,\n\twithGlyph: boolean,\n\tglyphSize: number,\n\trenderGlyph?: < Datum extends object >( props: GlyphProps< Datum > ) => ReactNode,\n\tlegendShape?: LegendShape< SeriesData[], number >\n): BaseLegendItem[] {\n\tconst mapper = ( point: DataPointDate | DataPointPercentage, index: number ) => {\n\t\tconst { color, glyph, shapeStyles } = getElementStyles( {\n\t\t\tdata: point as DataPointPercentage,\n\t\t\tindex,\n\t\t\tlegendShape,\n\t\t} );\n\n\t\tconst baseItem: BaseLegendItem = {\n\t\t\tlabel: point.label,\n\t\t\tvalue: formatPointValue( point, showValues, legendValueDisplay ),\n\t\t\tcolor,\n\t\t\tshapeStyle: shapeStyles,\n\t\t};\n\n\t\treturn applyGlyphToLegendItem( baseItem, withGlyph, glyph, renderGlyph, glyphSize );\n\t};\n\n\treturn pointData.map( mapper );\n}\n\n/**\n * Hook to transform chart data into legend items\n * @param data        - The chart data to transform\n * @param options     - Configuration options for legend generation\n * @param legendShape - The shape type for legend items (string literal or React component)\n * @return Array of legend items ready for display\n */\nexport function useChartLegendItems<\n\tT extends SeriesData[] | DataPointDate[] | DataPointPercentage[],\n>(\n\tdata: T,\n\toptions: ChartLegendOptions = {},\n\tlegendShape?: LegendShape< SeriesData[], number >\n): BaseLegendItem[] {\n\tconst {\n\t\tshowValues = false,\n\t\tlegendValueDisplay = 'percentage',\n\t\twithGlyph = false,\n\t\tglyphSize = 8,\n\t\trenderGlyph,\n\t} = options;\n\tconst { getElementStyles } = useGlobalChartsContext();\n\n\treturn useMemo( () => {\n\t\tif ( ! data || ! Array.isArray( data ) || data.length === 0 ) {\n\t\t\treturn [];\n\t\t}\n\n\t\t// Handle SeriesData (multiple series with data points)\n\t\tif ( 'data' in data[ 0 ] ) {\n\t\t\treturn processSeriesData(\n\t\t\t\tdata as SeriesData[],\n\t\t\t\tgetElementStyles,\n\t\t\t\tshowValues,\n\t\t\t\twithGlyph,\n\t\t\t\tglyphSize,\n\t\t\t\trenderGlyph,\n\t\t\t\tlegendShape\n\t\t\t);\n\t\t}\n\n\t\t// Handle DataPointDate or DataPointPercentage (single data points)\n\t\treturn processPointData(\n\t\t\tdata as ( DataPointDate | DataPointPercentage )[],\n\t\t\tgetElementStyles,\n\t\t\tshowValues,\n\t\t\tlegendValueDisplay,\n\t\t\twithGlyph,\n\t\t\tglyphSize,\n\t\t\trenderGlyph,\n\t\t\tlegendShape\n\t\t);\n\t}, [\n\t\tdata,\n\t\tgetElementStyles,\n\t\tshowValues,\n\t\tlegendValueDisplay,\n\t\twithGlyph,\n\t\tglyphSize,\n\t\trenderGlyph,\n\t\tlegendShape,\n\t] );\n}\n"]}

package/dist/chunk-XWYZIFZW.js

@@ -1,66 +0,0 @@
-// src/components/trend-indicator/trend-indicator.tsx
-import clsx from "clsx";
-
-// src/components/trend-indicator/trend-indicator.module.scss
-var trend_indicator_module_default = {
-  "trend-indicator": "a8ccharts-tGw1PY",
-  "trend-indicator--up": "a8ccharts-Fn-D1W",
-  "trend-indicator--down": "a8ccharts-HqtGQO",
-  "trend-indicator--neutral": "a8ccharts-S10nvO",
-  "trend-indicator__icon": "a8ccharts-5HjpOT",
-  "trend-indicator__value": "a8ccharts-muLL2Q"
-};
-
-// src/components/trend-indicator/trend-indicator.tsx
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var DIRECTION_LABELS = {
-  up: "Increase",
-  down: "Decrease",
-  neutral: "No change"
-};
-var Icon = ({
-  direction
-}) => {
-  if (direction === "neutral") {
-    return null;
-  }
-  const isUp = direction === "up";
-  return /* @__PURE__ */ _jsx("svg", {
-    className: trend_indicator_module_default["trend-indicator__icon"],
-    viewBox: "0 0 16 16",
-    fill: "none",
-    "aria-hidden": "true",
-    children: /* @__PURE__ */ _jsx("path", {
-      d: isUp ? "M8 13V3M4 7l4-4 4 4" : "M8 3v10M4 9l4 4 4-4",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  });
-};
-function TrendIndicator({
-  direction,
-  value,
-  className,
-  style,
-  showIcon = true
-}) {
-  const ariaLabel = `${DIRECTION_LABELS[direction]}: ${value}`;
-  return /* @__PURE__ */ _jsxs("span", {
-    className: clsx(trend_indicator_module_default["trend-indicator"], trend_indicator_module_default[`trend-indicator--${direction}`], className),
-    style,
-    "aria-label": ariaLabel,
-    children: [showIcon && /* @__PURE__ */ _jsx(Icon, {
-      direction
-    }), /* @__PURE__ */ _jsx("span", {
-      className: trend_indicator_module_default["trend-indicator__value"],
-      children: value
-    })]
-  });
-}
-
-export {
-  TrendIndicator
-};
-//# sourceMappingURL=chunk-XWYZIFZW.js.map

package/dist/chunk-XWYZIFZW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/trend-indicator/trend-indicator.tsx","../src/components/trend-indicator/trend-indicator.module.scss"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './trend-indicator.module.scss';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst DIRECTION_LABELS = {\n  up: 'Increase',\n  down: 'Decrease',\n  neutral: 'No change'\n};\nconst Icon = ({\n  direction\n}) => {\n  if (direction === 'neutral') {\n    return null;\n  }\n  const isUp = direction === 'up';\n  return /*#__PURE__*/_jsx(\"svg\", {\n    className: styles['trend-indicator__icon'],\n    viewBox: \"0 0 16 16\",\n    fill: \"none\",\n    \"aria-hidden\": \"true\",\n    children: /*#__PURE__*/_jsx(\"path\", {\n      d: isUp ? 'M8 13V3M4 7l4-4 4 4' : 'M8 3v10M4 9l4 4 4-4',\n      stroke: \"currentColor\",\n      strokeWidth: \"1.5\",\n      strokeLinecap: \"round\",\n      strokeLinejoin: \"round\"\n    })\n  });\n};\n\n/**\n * TrendIndicator displays a directional trend with a value.\n * Used to show percentage changes or growth metrics.\n *\n * @param {TrendIndicatorProps} props - Component props\n * @return {JSX.Element} The rendered trend indicator\n */\nexport function TrendIndicator({\n  direction,\n  value,\n  className,\n  style,\n  showIcon = true\n}) {\n  const ariaLabel = `${DIRECTION_LABELS[direction]}: ${value}`;\n  return /*#__PURE__*/_jsxs(\"span\", {\n    className: clsx(styles['trend-indicator'], styles[`trend-indicator--${direction}`], className),\n    style: style,\n    \"aria-label\": ariaLabel,\n    children: [showIcon && /*#__PURE__*/_jsx(Icon, {\n      direction: direction\n    }), /*#__PURE__*/_jsx(\"span\", {\n      className: styles['trend-indicator__value'],\n      children: value\n    })]\n  });\n}","import 'css-chunk:src/components/trend-indicator/trend-indicator.module.scss';export default {\n  \"trend-indicator\": \"a8ccharts-tGw1PY\",\n  \"trend-indicator--up\": \"a8ccharts-Fn-D1W\",\n  \"trend-indicator--down\": \"a8ccharts-HqtGQO\",\n  \"trend-indicator--neutral\": \"a8ccharts-S10nvO\",\n  \"trend-indicator__icon\": \"a8ccharts-5HjpOT\",\n  \"trend-indicator__value\": \"a8ccharts-muLL2Q\"\n};"],"mappings":";AAAA,OAAO,UAAU;;;ACA6D,IAAO,iCAAQ;AAAA,EAC3F,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,yBAAyB;AAAA,EACzB,0BAA0B;AAC5B;;;ADLA,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAM,mBAAmB;AAAA,EACvB,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AACX;AACA,IAAM,OAAO,CAAC;AAAA,EACZ;AACF,MAAM;AACJ,MAAI,cAAc,WAAW;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,OAAO,cAAc;AAC3B,SAAoB,qBAAK,OAAO;AAAA,IAC9B,WAAW,+BAAO,uBAAuB;AAAA,IACzC,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,IACf,UAAuB,qBAAK,QAAQ;AAAA,MAClC,GAAG,OAAO,wBAAwB;AAAA,MAClC,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB,CAAC;AAAA,EACH,CAAC;AACH;AASO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAG;AACD,QAAM,YAAY,GAAG,iBAAiB,SAAS,CAAC,KAAK,KAAK;AAC1D,SAAoB,sBAAM,QAAQ;AAAA,IAChC,WAAW,KAAK,+BAAO,iBAAiB,GAAG,+BAAO,oBAAoB,SAAS,EAAE,GAAG,SAAS;AAAA,IAC7F;AAAA,IACA,cAAc;AAAA,IACd,UAAU,CAAC,YAAyB,qBAAK,MAAM;AAAA,MAC7C;AAAA,IACF,CAAC,GAAgB,qBAAK,QAAQ;AAAA,MAC5B,WAAW,+BAAO,wBAAwB;AAAA,MAC1C,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;","names":[]}