@automattic/charts 0.56.5 → 0.56.7

package/dist/chunk-FY325WQ4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-FY325WQ4.cjs","../src/charts/line-chart/line-chart.tsx","../src/charts/private/default-glyph/default-glyph.tsx","../src/charts/line-chart/line-chart.module.scss","../src/charts/line-chart/private/line-chart-annotation-label-popover.tsx","../src/charts/line-chart/private/line-chart-annotations-overlay.tsx","../src/charts/line-chart/private/line-chart-annotation.tsx","../src/charts/line-chart/private/line-chart-glyph.tsx"],"names":["_jsx","DataContext","useEffect","useState","useContext","x","y","yMin","yMax","xMin","xMax","_jsxs","useRef","useMemo","toNumber"],"mappings":"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AAAA;AACI,QAAA;AACJC,QAAAA;AACI,QAAA;AACJC,QAAAA;AACAC,QAAAA;AACAC,QAAAA;AACAC,QAAAA;AACA,QAAA;AACqB,QAAA;AACvB,MAAA;AACF,IAAA;AACiB,IAAA;AACf,MAAA;AACAL,MAAAA;AACAK,MAAAA;AACAJ,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AACkB,MAAA;AAClB,MAAA;AACD,IAAA;AACM,IAAA;AACLH,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AACAC,MAAAA;AACG,MAAA;AACL,IAAA;AACyB,EAAA;AACD,EAAA;AACpB,EAAA;AACJ,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACE,EAAA;AACoB,EAAA;AACC,IAAA;AACC,IAAA;AACF,IAAA;AACf,IAAA;AACT,EAAA;AACwB,EAAA;AACC,IAAA;AACC,IAAA;AACF,IAAA;AACf,IAAA;AACT,EAAA;AACsB,EAAA;AACP,IAAA;AACA,IAAA;AACf,EAAA;AAIM,EAAA;AACe,IAAA;AACC,IAAA;AACA,IAAA;AACM,MAAA;AACjB,MAAA;AACC,MAAA;AACN,IAAA;AACN,EAAA;AACoBV,EAAAA;AACKW,IAAAA;AACrB,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACwB,MAAA;AACX,QAAA;AACO,MAAA;AACP,QAAA;AACO,MAAA;AACb,QAAA;AACA,QAAA;AACM,QAAA;AACE,QAAA;AACK,MAAA;AACb,QAAA;AACA,QAAA;AACM,QAAA;AACE,QAAA;AACgB,MAAA;AAClB,QAAA;AACR,QAAA;AACoB,QAAA;AACd,UAAA;AACG,UAAA;AACR,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACe,UAAA;AACf,YAAA;AACA,YAAA;AACD,UAAA;AACF,QAAA;AACeX,MAAAA;AACX,QAAA;AACkB,QAAA;AACrB,UAAA;AACA,UAAA;AACW,UAAA;AACR,UAAA;AACe,UAAA;AACF,UAAA;AACjB,QAAA;AACD,MAAA;AACH,IAAA;AACF,EAAA;AACH;AACO;ANuPuB;AACA;AO3frBC;AACAG;AACe;AACK,EAAA;AACP,EAAA;AACtB;AACwB;AACtB,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACI;AACE,EAAA;AACJ,IAAA;AACA,IAAA;AACwB,EAAA;AACF,EAAA;AACI,EAAA;AACD,EAAA;AACA,EAAA;AACA,EAAA;AACV,EAAA;AACQ,EAAA;AACN,EAAA;AACS,IAAA;AAC1B,IAAA;AACO,IAAA;AACP,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACD,EAAA;AACH;AACO;AP6fuB;AACA;AChhBR;AACD;AACM;AACL,EAAA;AACf,IAAA;AACQ,IAAA;AACZ,EAAA;AACH;AACwB;AACK,EAAA;AACP,EAAA;AACtB;AAS4B;AAEf,EAAA;AACU,IAAA;AACrB,EAAA;AAGc,EAAA;AACP,IAAA;AACI,MAAA;AACJ,IAAA;AACI,MAAA;AACJ,IAAA;AACI,MAAA;AACT,IAAA;AACS,MAAA;AACX,EAAA;AACF;AAC6B;AACrB,EAAA;AACJ,IAAA;AACE,EAAA;AACiB,EAAA;AACK,EAAA;AACJ,EAAA;AACpB,IAAA;AACM,EAAA;AACN,IAAA;AACa,IAAA;AACM,EAAA;AACDO,EAAAA;AACP,IAAA;AACa,IAAA;AACX,MAAA;AACY,MAAA;AACH,IAAA;AACT,MAAA;AACa,MAAA;AACX,QAAA;AACW,QAAA;AACPX,MAAAA;AACJ,QAAA;AACD,QAAA;AACV,MAAA;AACU,IAAA;AACf,EAAA;AACH;AACuB;AACC,EAAA;AACV,EAAA;AACJ,IAAA;AACP,EAAA;AACH;AACuB;AACC,EAAA;AACV,EAAA;AACH,IAAA;AACF,IAAA;AACN,EAAA;AACH;AACuB;AACC,EAAA;AACV,EAAA;AACJ,IAAA;AACE,IAAA;AACT,EAAA;AACH;AACqB;AACM,EAAA;AACA,EAAA;AACA,EAAA;AACF,EAAA;AACd,IAAA;AACT,EAAA;AACyB,EAAA;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AA;AACP,kBAAA;AACC,gBAAA;AACD,kBAAA;AACM,kBAAA;AACN,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACU,kBAAA;AACR,gBAAA;AACF,kBAAA;AACM,kBAAA;AACN,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACU,kBAAA;AACV,gBAAA;AACW,cAAA;AACb,YAAA;AACY,cAAA;AACd,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACa,cAAA;AACb,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACA,cAAA;AACQ,cAAA;AACO,YAAA;AACL,cAAA;AACV,cAAA;AACA,cAAA;AACA,cAAA;AACA,YAAA;AACH,UAAA;AACF,QAAA;AACoB,MAAA;AACxB,IAAA;AACF,EAAA;AACF;AAI0C;AACjBP,EAAAA;AAGH,EAAA;AACCJ,IAAAA;AACf,MAAA;AACH,MAAA;AACD,IAAA;AACH,EAAA;AAGoBA,EAAAA;AACKA,IAAAA;AAClB,MAAA;AACH,MAAA;AACD,IAAA;AACF,EAAA;AACF;AACqB;AACJ;AAChB,EAAA;AACoB,EAAA;AACR,EAAA;AACb;AAC2B;AAC1B,EAAA;AACoB,EAAA;AACR,EAAA;AACb;AD4d6B;AACA;AACA;AACA;AACA","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-FY325WQ4.cjs","sourcesContent":[null,"import { formatNumberCompact, formatNumber } from '@automattic/number-formatters';\nimport { curveCatmullRom, curveLinear, curveMonotoneX } from '@visx/curve';\nimport { LinearGradient } from '@visx/gradient';\nimport { scaleTime } from '@visx/scale';\nimport { XYChart, AreaSeries, Grid, Axis, DataContext } from '@visx/xychart';\nimport { __ } from '@wordpress/i18n';\nimport { Stack } from '@wordpress/ui';\nimport clsx from 'clsx';\nimport { differenceInHours, differenceInYears } from 'date-fns';\nimport { useMemo, useContext, forwardRef, useImperativeHandle, useState, useRef, createElement as _createElement } from 'react';\nimport { Legend, useChartLegendItems } from '../../components/legend';\nimport { AccessibleTooltip, useKeyboardNavigation } from '../../components/tooltip';\nimport { useXYChartTheme, useChartDataTransform, useChartMargin, useElementHeight, useHasLegendChild, usePrefersReducedMotion } from '../../hooks';\nimport { GlobalChartsProvider, GlobalChartsContext, useChartId, useChartRegistration, useGlobalChartsContext, useGlobalChartsTheme } from '../../providers';\nimport { attachSubComponents } from '../../utils';\nimport { DefaultGlyph } from '../private/default-glyph';\nimport { SingleChartContext } from '../private/single-chart-context';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './line-chart.module.scss';\nimport { LineChartAnnotation, LineChartAnnotationsOverlay, LineChartGlyph } from './private';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst X_TICK_WIDTH = 60;\nconst defaultRenderGlyph = props => {\n  return /*#__PURE__*/_createElement(DefaultGlyph, {\n    ...props,\n    key: props.key\n  });\n};\nconst toNumber = val => {\n  const num = typeof val === 'number' ? val : parseFloat(val);\n  return isNaN(num) ? undefined : num;\n};\n\n/**\n * Determines the curve type for the line chart based on the provided type and smoothing parameters\n *\n * @param {CurveType} type      - The explicit curve type to use\n * @param {boolean}   smoothing - Legacy smoothing parameter\n * @return The curve function to use for the line\n */\nconst getCurveType = (type, smoothing) => {\n  // If no type specified, use legacy smoothing behavior\n  if (!type) {\n    return smoothing ? curveCatmullRom : curveLinear;\n  }\n\n  // Handle explicit curve types\n  switch (type) {\n    case 'smooth':\n      return curveCatmullRom;\n    case 'monotone':\n      return curveMonotoneX;\n    case 'linear':\n      return curveLinear;\n    default:\n      return curveLinear;\n  }\n};\nconst renderDefaultTooltip = params => {\n  const {\n    tooltipData\n  } = params;\n  const nearestDatum = tooltipData?.nearestDatum?.datum;\n  if (!nearestDatum) return null;\n  const tooltipPoints = Object.entries(tooltipData?.datumByKey || {}).map(([key, {\n    datum\n  }]) => ({\n    key,\n    value: datum.value\n  })).sort((a, b) => b.value - a.value);\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: styles['line-chart__tooltip'],\n    children: [/*#__PURE__*/_jsx(\"div\", {\n      className: styles['line-chart__tooltip-date'],\n      children: nearestDatum.date?.toLocaleDateString()\n    }), tooltipPoints.map(point => /*#__PURE__*/_jsxs(\"div\", {\n      className: styles['line-chart__tooltip-row'],\n      children: [/*#__PURE__*/_jsxs(\"span\", {\n        className: styles['line-chart__tooltip-label'],\n        children: [point.key, \":\"]\n      }), /*#__PURE__*/_jsx(\"span\", {\n        className: styles['line-chart__tooltip-value'],\n        children: formatNumber(point.value)\n      })]\n    }, point.key))]\n  });\n};\nconst formatYearTick = timestamp => {\n  const date = new Date(timestamp);\n  return date.toLocaleDateString(undefined, {\n    year: 'numeric'\n  });\n};\nconst formatDateTick = timestamp => {\n  const date = new Date(timestamp);\n  return date.toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric'\n  });\n};\nconst formatHourTick = timestamp => {\n  const date = new Date(timestamp);\n  return date.toLocaleTimeString(undefined, {\n    hour: 'numeric',\n    hour12: true\n  });\n};\nconst getFormatter = sortedData => {\n  const minX = Math.min(...sortedData.map(datom => datom.data.at(0)?.date));\n  const maxX = Math.max(...sortedData.map(datom => datom.data.at(-1)?.date));\n  const diffInHours = Math.abs(differenceInHours(maxX, minX));\n  if (diffInHours <= 24) {\n    return formatHourTick;\n  }\n  const diffInYears = Math.abs(differenceInYears(maxX, minX));\n  if (diffInYears <= 1) {\n    return formatDateTick;\n  }\n  return formatYearTick;\n};\nconst guessOptimalNumTicks = (data, chartWidth, tickFormatter) => {\n  const minX = Math.min(...data.map(datom => datom.data.at(0)?.date));\n  const maxX = Math.max(...data.map(datom => datom.data.at(-1)?.date));\n  const xScale = scaleTime({\n    domain: [minX, maxX]\n  });\n\n  // Calculate upper bound of tick numbers based on data points and chart width\n  const upperBound = Math.min(data[0]?.data.length || 3,\n  // A sane fallback to avoid NaN when no data is present\n  Math.ceil(chartWidth / X_TICK_WIDTH));\n  let secondBestGuess = 1; // a tick number that's no greater than upperBound\n\n  for (let numTicks = upperBound; numTicks > 1; --numTicks) {\n    const ticks = xScale.ticks(numTicks).map(d => tickFormatter(d.getTime()));\n\n    // The .ticks() function doesn't properly respect the requested number of ticks, so we need to check the length\n    if (ticks.length > upperBound) {\n      continue;\n    }\n    secondBestGuess = Math.max(secondBestGuess, ticks.length);\n    const uniqueTicks = Array.from(new Set(ticks));\n    if (uniqueTicks.length === 1) {\n      // All ticks are the same, so skip further processing\n      return 1;\n    }\n\n    // Example: OCT 1 JAN 1 APR 1 JUL 1 OCT 1\n    // Here, the two OCTs are not duplicates as they represent October of two different years.\n    const hasConsecutiveDuplicate = ticks.some((tick, idx) => idx > 0 && tick === ticks[idx - 1]);\n    if (hasConsecutiveDuplicate) {\n      continue;\n    }\n    return ticks.length;\n  }\n  return secondBestGuess;\n};\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 || 'date' in point && point.date && isNaN(point.date.getTime())));\n  if (hasInvalidData) return 'Invalid data';\n  return null;\n};\n\n// Inner component to access DataContext and provide scale data to ref\nconst LineChartScalesRef = ({\n  chartRef,\n  width,\n  height,\n  margin\n}) => {\n  const context = useContext(DataContext);\n  useImperativeHandle(chartRef, () => ({\n    getScales: () => {\n      if (!context?.xScale || !context?.yScale) {\n        return null;\n      }\n      return {\n        xScale: context.xScale,\n        yScale: context.yScale\n      };\n    },\n    getChartDimensions: () => ({\n      width,\n      height,\n      margin: margin || {}\n    })\n  }), [context, width, height, margin]);\n  return null; // This component only provides the ref interface\n};\nconst LineChartInternal = /*#__PURE__*/forwardRef(({\n  data,\n  chartId: providedChartId,\n  width,\n  height,\n  className,\n  margin,\n  withTooltips = true,\n  withTooltipCrosshairs,\n  showLegend = false,\n  legendOrientation = 'horizontal',\n  legendAlignment = 'center',\n  legendPosition = 'bottom',\n  legendMaxWidth,\n  legendTextOverflow = 'wrap',\n  legendItemClassName,\n  renderGlyph = defaultRenderGlyph,\n  glyphStyle = {},\n  legendShape = 'line',\n  withLegendGlyph = false,\n  withGradientFill = false,\n  smoothing = true,\n  curveType,\n  renderTooltip = renderDefaultTooltip,\n  withStartGlyphs = false,\n  withEndGlyphs = false,\n  legendInteractive = false,\n  animation,\n  options = {},\n  onPointerDown = undefined,\n  onPointerUp = undefined,\n  onPointerMove = undefined,\n  onPointerOut = undefined,\n  children,\n  gridVisibility,\n  gap = 'md'\n}, ref) => {\n  const providerTheme = useGlobalChartsTheme();\n  const theme = useXYChartTheme(data);\n  const chartId = useChartId(providedChartId);\n  const [svgWrapperRef, svgWrapperHeight] = useElementHeight();\n  const chartRef = useRef(null);\n  const [selectedIndex, setSelectedIndex] = useState(undefined);\n  const [isNavigating, setIsNavigating] = useState(false);\n  const internalChartRef = useRef(null);\n\n  // Check if children contain a Legend component (composition pattern)\n  const hasLegendChild = useHasLegendChild(children);\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\n  // Forward the external ref to the internal ref\n  useImperativeHandle(ref, () => ({\n    getScales: () => internalChartRef.current?.getScales() || null,\n    getChartDimensions: () => internalChartRef.current?.getChartDimensions() || {\n      width: 0,\n      height: 0,\n      margin: {}\n    }\n  }), [internalChartRef]);\n  const dataSorted = useChartDataTransform(data);\n  const {\n    getElementStyles,\n    isSeriesVisible\n  } = useGlobalChartsContext();\n\n  // Add visibility information to series when using interactive legends\n  const seriesWithVisibility = useMemo(() => {\n    if (!chartId || !legendInteractive) {\n      return dataSorted.map((series, index) => ({\n        series,\n        index,\n        isVisible: true\n      }));\n    }\n    return dataSorted.map((series, index) => ({\n      series,\n      index,\n      isVisible: isSeriesVisible(chartId, series.label)\n    }));\n  }, [dataSorted, 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\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: dataSorted[0]?.data.length || 0\n  });\n  const chartOptions = useMemo(() => {\n    const formatter = options?.axis?.x?.tickFormat || getFormatter(dataSorted);\n    return {\n      axis: {\n        x: {\n          orientation: 'bottom',\n          numTicks: guessOptimalNumTicks(dataSorted, width, formatter),\n          tickFormat: formatter,\n          display: true,\n          ...options?.axis?.x\n        },\n        y: {\n          orientation: 'left',\n          numTicks: 4,\n          tickFormat: formatNumberCompact,\n          display: true,\n          ...options?.axis?.y\n        }\n      },\n      xScale: {\n        type: 'time',\n        ...options?.xScale\n      },\n      yScale: {\n        type: 'linear',\n        nice: true,\n        zero: false,\n        ...options?.yScale\n      }\n    };\n  }, [options, dataSorted, width]);\n  const tooltipRenderGlyph = useMemo(() => {\n    return props => {\n      const seriesIndex = dataSorted.findIndex(series => series.label === props.key || series.data.includes(props.datum));\n      const seriesData = dataSorted[seriesIndex];\n      const {\n        color,\n        glyph: themeGlyph\n      } = getElementStyles({\n        data: seriesData,\n        index: seriesIndex\n      });\n      const propsWithResolvedColor = {\n        ...props,\n        color\n      };\n      return themeGlyph ? themeGlyph(propsWithResolvedColor) : renderGlyph(propsWithResolvedColor);\n    };\n  }, [dataSorted, renderGlyph, getElementStyles]);\n  const defaultMargin = useChartMargin(height, chartOptions, dataSorted, theme);\n  const error = validateData(dataSorted);\n  const isDataValid = !error;\n\n  // Memoize legend options to prevent unnecessary re-calculations\n  const legendOptions = useMemo(() => ({\n    withGlyph: withLegendGlyph,\n    glyphSize: Math.max(0, toNumber(glyphStyle?.radius) ?? 4),\n    renderGlyph\n  }), [withLegendGlyph, glyphStyle?.radius, renderGlyph]);\n\n  // Create legend items using the reusable hook\n  const legendItems = useChartLegendItems(dataSorted, legendOptions, legendShape);\n\n  // Memoize metadata to prevent unnecessary re-registration\n  const chartMetadata = useMemo(() => ({\n    withGradientFill,\n    smoothing,\n    curveType,\n    withStartGlyphs,\n    withEndGlyphs,\n    withLegendGlyph\n  }), [withGradientFill, smoothing, curveType, withStartGlyphs, withEndGlyphs, withLegendGlyph]);\n\n  // Register chart with context only if data is valid\n  useChartRegistration({\n    chartId,\n    legendItems,\n    chartType: 'line',\n    isDataValid,\n    metadata: chartMetadata\n  });\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const accessors = {\n    xAccessor: d => d?.date,\n    yAccessor: d => d?.value\n  };\n\n  // Create a custom renderTooltip that includes focus capability\n  if (error) {\n    return /*#__PURE__*/_jsx(\"div\", {\n      className: clsx('line-chart', styles['line-chart']),\n      children: error\n    });\n  }\n  const legendElement = showLegend && /*#__PURE__*/_jsx(Legend, {\n    orientation: legendOrientation,\n    alignment: legendAlignment,\n    position: legendPosition,\n    maxWidth: legendMaxWidth,\n    textOverflow: legendTextOverflow,\n    legendItemClassName: legendItemClassName,\n    className: styles['line-chart__legend'],\n    shape: legendShape,\n    chartId: chartId,\n    interactive: legendInteractive\n  });\n  return /*#__PURE__*/_jsx(SingleChartContext.Provider, {\n    value: {\n      chartId,\n      chartRef: internalChartRef,\n      chartWidth: width,\n      chartHeight\n    },\n    children: /*#__PURE__*/_jsxs(Stack, {\n      direction: \"column\",\n      gap: gap,\n      className: clsx('line-chart', styles['line-chart'], {\n        [styles['line-chart--animated']]: animation && !prefersReducedMotion\n      }, className),\n      style: {\n        width,\n        height,\n        visibility: isWaitingForMeasurement ? 'hidden' : 'visible'\n      },\n      children: [legendPosition === 'top' && legendElement, /*#__PURE__*/_jsx(\"div\", {\n        className: styles['line-chart__svg-wrapper'],\n        ref: svgWrapperRef,\n        role: \"grid\",\n        \"aria-label\": __('Line 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 and yScale could be set in Axis as well, but they are `scale` props there.\n            ,\n            xScale: chartOptions.xScale,\n            yScale: chartOptions.yScale,\n            onPointerDown: onPointerDown,\n            onPointerUp: onPointerUp,\n            onPointerMove: onPointerMove,\n            onPointerOut: onPointerOut,\n            pointerEventsDataKey: \"nearest\",\n            children: [gridVisibility !== 'none' && /*#__PURE__*/_jsx(Grid, {\n              columns: false,\n              numTicks: 4\n            }), chartOptions.axis.x.display && /*#__PURE__*/_jsx(Axis, {\n              ...chartOptions.axis.x\n            }), chartOptions.axis.y.display && /*#__PURE__*/_jsx(Axis, {\n              ...chartOptions.axis.y\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, seriesWithVisibility.map(({\n              series: seriesData,\n              index,\n              isVisible\n            }) => {\n              // Skip rendering invisible series\n              if (!isVisible) {\n                return null;\n              }\n              const {\n                color,\n                lineStyles,\n                glyph\n              } = getElementStyles({\n                data: seriesData,\n                index\n              });\n              const lineProps = {\n                stroke: color,\n                ...lineStyles\n              };\n              return /*#__PURE__*/_jsxs(\"g\", {\n                children: [withGradientFill && /*#__PURE__*/_jsx(LinearGradient, {\n                  id: `area-gradient-${chartId}-${index + 1}`,\n                  from: color,\n                  fromOpacity: 0.4,\n                  toOpacity: 0.1,\n                  to: providerTheme.backgroundColor,\n                  ...seriesData.options?.gradient,\n                  children: seriesData.options?.gradient?.stops?.map((stop, stopIndex) => /*#__PURE__*/_jsx(\"stop\", {\n                    offset: stop.offset,\n                    stopColor: stop.color || color,\n                    stopOpacity: stop.opacity ?? 1\n                  }, `${stop.offset}-${stop.color || color}`))\n                }), /*#__PURE__*/_jsx(AreaSeries, {\n                  dataKey: seriesData?.label,\n                  data: seriesData.data,\n                  ...accessors,\n                  fill: withGradientFill ? `url(#area-gradient-${chartId}-${index + 1})` : 'transparent',\n                  renderLine: true,\n                  curve: getCurveType(curveType, smoothing),\n                  lineProps: lineProps\n                }, seriesData?.label), withStartGlyphs && /*#__PURE__*/_jsx(LineChartGlyph, {\n                  index: index,\n                  data: seriesData,\n                  color: color,\n                  renderGlyph: glyph ?? renderGlyph,\n                  accessors: accessors,\n                  glyphStyle: glyphStyle,\n                  position: \"start\"\n                }), withEndGlyphs && /*#__PURE__*/_jsx(LineChartGlyph, {\n                  index: index,\n                  data: seriesData,\n                  color: color,\n                  renderGlyph: glyph ?? renderGlyph,\n                  accessors: accessors,\n                  glyphStyle: glyphStyle,\n                  position: \"end\"\n                })]\n              }, seriesData?.label || index);\n            }), withTooltips && /*#__PURE__*/_jsx(AccessibleTooltip, {\n              detectBounds: true,\n              snapTooltipToDatumX: true,\n              snapTooltipToDatumY: true,\n              showSeriesGlyphs: true,\n              renderTooltip: renderTooltip,\n              renderGlyph: tooltipRenderGlyph,\n              glyphStyle: glyphStyle,\n              showVerticalCrosshair: withTooltipCrosshairs?.showVertical,\n              showHorizontalCrosshair: withTooltipCrosshairs?.showHorizontal,\n              selectedIndex: selectedIndex,\n              tooltipRef: tooltipRef,\n              keyboardFocusedClassName: styles['line-chart__tooltip--keyboard-focused'],\n              series: dataSorted\n            }), /*#__PURE__*/_jsx(LineChartScalesRef, {\n              chartRef: internalChartRef,\n              width: width,\n              height: height,\n              margin: margin\n            })]\n          })\n        })\n      }), legendPosition === 'bottom' && legendElement, children]\n    })\n  });\n});\n\n// Component type definitions for composition API\n\nconst LineChartWithProvider = /*#__PURE__*/forwardRef((props, ref) => {\n  const existingContext = useContext(GlobalChartsContext);\n\n  // If we're already in a GlobalChartsProvider context, render the core component directly\n  if (existingContext) {\n    return /*#__PURE__*/_jsx(LineChartInternal, {\n      ...props,\n      ref: ref\n    });\n  }\n\n  // Otherwise, wrap with our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(LineChartInternal, {\n      ...props,\n      ref: ref\n    })\n  });\n});\nLineChartWithProvider.displayName = 'LineChart';\nconst LineChart = attachSubComponents(LineChartWithProvider, {\n  Legend: Legend,\n  AnnotationsOverlay: LineChartAnnotationsOverlay,\n  Annotation: LineChartAnnotation\n});\nconst LineChartResponsive = attachSubComponents(withResponsive(LineChartWithProvider), {\n  Legend: Legend,\n  AnnotationsOverlay: LineChartAnnotationsOverlay,\n  Annotation: LineChartAnnotation\n});\nexport { LineChartResponsive as default, LineChart as LineChartUnresponsive };","import { DataContext } from '@visx/xychart';\nimport { useContext } from 'react';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const DefaultGlyph = props => {\n  const {\n    theme\n  } = useContext(DataContext) || {};\n  const position = props.position || 'start';\n  return /*#__PURE__*/_jsx(\"circle\", {\n    cx: props.x,\n    cy: props.y,\n    r: props.size,\n    fill: props.color,\n    stroke: theme?.backgroundColor,\n    strokeWidth: 1.5,\n    paintOrder: \"fill\",\n    ...props.glyphStyle\n  });\n};","import 'css-chunk:src/charts/line-chart/line-chart.module.scss';export default {\n  \"line-chart\": \"a8ccharts-v-oO8E\",\n  \"line-chart__svg-wrapper\": \"a8ccharts-cpMNjj\",\n  \"line-chart--animated\": \"a8ccharts-QrkuTW\",\n  \"rise\": \"a8ccharts--rxDU3\",\n  \"line-chart__tooltip\": \"a8ccharts-Tu0rR-\",\n  \"line-chart__annotation-label-popover\": \"a8ccharts--RSWXi\",\n  \"line-chart__tooltip-date\": \"a8ccharts-Q-b5A1\",\n  \"line-chart__tooltip-row\": \"a8ccharts-19N7T9\",\n  \"line-chart__tooltip-label\": \"a8ccharts-HOAXrD\",\n  \"line-chart__annotations-overlay\": \"a8ccharts-rQiY8O\",\n  \"line-chart__annotation-label\": \"a8ccharts-8AKWOe\",\n  \"line-chart__annotation-label-trigger-button\": \"a8ccharts-7mh3Cl\",\n  \"line-chart__annotation-label-popover--visible\": \"a8ccharts-VAeVuJ\",\n  \"line-chart__annotation-label-popover--safari\": \"a8ccharts-TEe-iV\",\n  \"line-chart__annotation-label-popover-header\": \"a8ccharts-LAUpx7\",\n  \"line-chart__annotation-label-popover-content\": \"a8ccharts-b76gEu\",\n  \"line-chart__annotation-label-popover-close-button\": \"a8ccharts-LIpFoS\"\n};","import { __ } from '@wordpress/i18n';\nimport clsx from 'clsx';\nimport Gridicon from 'gridicons';\nimport { useEffect, useId, useRef, useState } from 'react';\nimport { isSafari } from '../../../utils';\nimport styles from '../line-chart.module.scss';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const POPOVER_BUTTON_SIZE = 44;\nconst LineChartAnnotationLabelWithPopover = ({\n  title,\n  subtitle,\n  renderLabel,\n  renderLabelPopover\n}) => {\n  const popoverId = useId();\n  const buttonRef = useRef(null);\n  const popoverRef = useRef(null);\n  const [isPositioned, setIsPositioned] = useState(false);\n  const isBrowserSafari = isSafari();\n  useEffect(() => {\n    const button = buttonRef.current;\n    const popover = popoverRef.current;\n    if (!button || !popover) return;\n    const positionPopover = () => {\n      // Popover positioning in Safari is complicated due to issues with SVG foreign objects (https://bugs.webkit.org/show_bug.cgi?id=23113), so let it be positioned in the centre of the viewport.\n      if (!isBrowserSafari) {\n        const buttonRect = button.getBoundingClientRect();\n        popover.style.left = `${buttonRect.right}px`;\n        popover.style.top = `${buttonRect.top}px`;\n      }\n      setIsPositioned(true);\n    };\n\n    // Position when popover shows\n    popover.addEventListener('toggle', e => {\n      if (e.newState === 'open') {\n        positionPopover();\n      }\n    });\n\n    // Initial positioning if already open\n    try {\n      if (popover.matches(':popover-open')) {\n        positionPopover();\n      }\n    } catch {\n      // Ignore errors in test environments (e.g., JSDOM does not support :popover-open)\n    }\n  }, [isBrowserSafari]);\n  return /*#__PURE__*/_jsxs(\"div\", {\n    className: styles['line-chart__annotation-label'],\n    children: [/*#__PURE__*/_jsx(\"button\", {\n      ref: buttonRef,\n      popovertarget: popoverId,\n      className: styles['line-chart__annotation-label-trigger-button'],\n      style: {\n        width: `${POPOVER_BUTTON_SIZE}px`,\n        height: `${POPOVER_BUTTON_SIZE}px`,\n        transform: `translate(${POPOVER_BUTTON_SIZE / 2}px, 0)`\n      },\n      \"aria-label\": title || __('View details', 'jetpack-charts'),\n      children: renderLabel({\n        title,\n        subtitle\n      })\n    }), /*#__PURE__*/_jsx(\"div\", {\n      ref: popoverRef,\n      id: popoverId,\n      popover: 'auto',\n      className: clsx(styles['line-chart__annotation-label-popover'], isPositioned && styles['line-chart__annotation-label-popover--visible'], isBrowserSafari && styles['line-chart__annotation-label-popover--safari']),\n      children: /*#__PURE__*/_jsxs(\"div\", {\n        className: styles['line-chart__annotation-label-popover-header'],\n        children: [/*#__PURE__*/_jsx(\"div\", {\n          className: styles['line-chart__annotation-label-popover-content'],\n          children: renderLabelPopover({\n            title,\n            subtitle\n          })\n        }), /*#__PURE__*/_jsx(\"button\", {\n          popovertarget: popoverId,\n          popovertargetaction: 'hide',\n          className: styles['line-chart__annotation-label-popover-close-button'],\n          \"aria-label\": __('Close', 'jetpack-charts'),\n          children: /*#__PURE__*/_jsx(Gridicon, {\n            icon: \"cross\",\n            size: 16\n          })\n        })]\n      })\n    })]\n  });\n};\nexport default LineChartAnnotationLabelWithPopover;","import { DataContext } from '@visx/xychart';\nimport { useEffect, useState, useCallback } from 'react';\nimport { useSingleChartContext } from '../../private/single-chart-context';\nimport styles from '../line-chart.module.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst LineChartAnnotationsOverlay = ({\n  children\n}) => {\n  const {\n    chartRef,\n    chartWidth,\n    chartHeight\n  } = useSingleChartContext();\n  const [scales, setScales] = useState(null);\n  const [scalesStable, setScalesStable] = useState(false);\n\n  // Create a signature for scale data to enable easy comparison\n  const createScaleSignature = useCallback(scaleData => {\n    const xDomain = scaleData.xScale.domain();\n    const yDomain = scaleData.yScale.domain();\n    const xRange = scaleData.xScale.range();\n    const yRange = scaleData.yScale.range();\n    return `${xDomain.join(',')}-${yDomain.join(',')}-${xRange.join(',')}-${yRange.join(',')}`;\n  }, []);\n\n  // Get scales from chart ref and return them with signature for comparison\n  const getScalesData = useCallback(() => {\n    if (chartRef?.current) {\n      const scaleData = chartRef.current.getScales();\n      if (scaleData) {\n        const scaleInfo = {\n          xScale: scaleData.xScale,\n          yScale: scaleData.yScale\n        };\n        return {\n          scales: scaleInfo,\n          signature: createScaleSignature(scaleInfo)\n        };\n      }\n    }\n    return null;\n  }, [chartRef, createScaleSignature]);\n\n  // The chart resizes on render so we need to monitor the scales until they stabilize\n  useEffect(() => {\n    let timeoutId = null;\n    let lastSignature = null;\n    let retryCount = 0;\n    const maxRetries = 20; // 20 * 50ms = 1 second max\n    const checkInterval = 50; // Check every 50ms\n\n    // Reset stability state when monitoring starts\n    setScalesStable(false);\n    const monitorScales = () => {\n      const currentScaleData = getScalesData();\n\n      // If we got scales, compare signatures\n      if (currentScaleData) {\n        // Check if scales have settled by comparing signatures\n        const scalesSettled = lastSignature && currentScaleData.signature === lastSignature;\n        if (scalesSettled) {\n          // Scales have stabilized, mark as stable\n          setScalesStable(true);\n          return;\n        }\n\n        // Update scales and remember signature for next comparison\n        setScales(currentScaleData.scales);\n        lastSignature = currentScaleData.signature;\n      }\n\n      // Continue monitoring if we haven't exceeded max retries\n      if (retryCount < maxRetries) {\n        retryCount++;\n        timeoutId = setTimeout(monitorScales, checkInterval);\n      }\n    };\n    monitorScales();\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [getScalesData, chartWidth, chartHeight]);\n\n  // Early return if no chart data available\n  if (!chartRef || !children) {\n    return null;\n  }\n  if (!scales || !scalesStable) {\n    return null;\n  }\n\n  // Create a DataContext value that mimics what visx provides\n  // We're intentionally providing minimal context for annotations to work\n  const dataContextValue = {\n    xScale: scales.xScale,\n    yScale: scales.yScale,\n    margin: {\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0\n    },\n    width: chartWidth,\n    height: chartHeight\n  };\n  return /*#__PURE__*/_jsx(DataContext.Provider, {\n    value: dataContextValue,\n    children: /*#__PURE__*/_jsx(\"svg\", {\n      width: chartWidth,\n      height: chartHeight,\n      className: styles['line-chart__annotations-overlay'],\n      children: children\n    })\n  });\n};\nexport default LineChartAnnotationsOverlay;","import { Annotation, CircleSubject, Connector, HtmlLabel, Label, LineSubject } from '@visx/annotation';\nimport { DataContext } from '@visx/xychart';\nimport merge from 'deepmerge';\nimport { useContext, useRef, useEffect, useState, useMemo } from 'react';\nimport { useGlobalChartsTheme } from '../../../providers';\nimport { isSafari } from '../../../utils';\nimport LineChartAnnotationLabelWithPopover, { POPOVER_BUTTON_SIZE } from './line-chart-annotation-label-popover';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst ANNOTATION_MAX_WIDTH = 125; // visx default\nconst ANNOTATION_INIT_HEIGHT = 100;\nexport const getLabelPosition = ({\n  subjectType,\n  x,\n  xMax,\n  y,\n  yMin,\n  yMax,\n  maxWidth,\n  height\n}) => {\n  const annotationMaxWidth = maxWidth ?? ANNOTATION_MAX_WIDTH;\n  const annotationHeight = height ?? ANNOTATION_INIT_HEIGHT;\n  let dx = 15;\n  let dy = 15;\n  let isFlippedHorizontally = false;\n  let isFlippedVertically = false;\n  if (subjectType === 'line-horizontal') {\n    dx = 0;\n    dy = 20;\n  }\n  if (subjectType === 'line-vertical') {\n    dx = 20;\n    dy = 0;\n  }\n\n  // Smart horizontal positioning: if annotation would extend beyond right edge, position it to the left\n  // Account for the connector offset (dx) in boundary calculations\n  const effectiveX = x + dx;\n  if (effectiveX + annotationMaxWidth > xMax) {\n    isFlippedHorizontally = true;\n    if (subjectType === 'circle') {\n      dx = -dx; // Just flip to the left side with same offset\n    } else if (subjectType === 'line-vertical') {\n      dx = -20; // Position to the left of the line\n    }\n  }\n\n  // Smart vertical positioning: check both top and bottom edges\n  // For circle annotations, they are positioned below by default (dy > 0)\n  // Only flip when close to bottom edge to position above\n  if (subjectType === 'circle') {\n    // Check if positioning below would extend beyond bottom edge\n    if (y + dy + annotationHeight > yMin) {\n      // Too close to bottom edge, position above\n      isFlippedVertically = true;\n      dy = -Math.abs(dy); // Ensure negative value to position above the point\n    }\n    // When close to top edge, keep default below positioning (no flip needed)\n  } else if (y - annotationHeight < yMax) {\n    // Too close to top edge, position below\n    if (subjectType === 'line-horizontal') {\n      isFlippedVertically = true;\n      dy = Math.abs(dy); // Ensure positive value to position below the point\n    } else if (subjectType === 'line-vertical') {\n      isFlippedVertically = true; // For anchor adjustment only\n    }\n  } else if (y + annotationHeight > yMin) {\n    // Too close to bottom edge, position above\n    if (subjectType === 'line-horizontal') {\n      isFlippedVertically = true;\n      dy = -Math.abs(dy); // Ensure negative value to position above the point\n    } else if (subjectType === 'line-vertical') {\n      isFlippedVertically = true; // For anchor adjustment only\n    }\n  }\n  return {\n    dx,\n    dy,\n    isFlippedHorizontally,\n    isFlippedVertically\n  };\n};\nconst getHorizontalAnchor = (subjectType, isFlippedHorizontally) => {\n  if (subjectType === 'line-horizontal') {\n    return isFlippedHorizontally ? 'end' : 'start';\n  }\n  return undefined;\n};\nconst getVerticalAnchor = (subjectType, isFlippedVertically, y, yMax, height) => {\n  if (subjectType === 'line-vertical') {\n    if (isFlippedVertically) {\n      // If flipped due to top edge, anchor to top; if flipped due to bottom edge, anchor to bottom\n      return y - height < yMax ? 'start' : 'end';\n    }\n    return 'start';\n  }\n  return undefined;\n};\nconst LineChartAnnotation = ({\n  datum,\n  title,\n  subtitle,\n  subjectType = 'circle',\n  styles: datumStyles,\n  testId,\n  renderLabel,\n  renderLabelPopover\n}) => {\n  const providerTheme = useGlobalChartsTheme();\n  const {\n    xScale,\n    yScale\n  } = useContext(DataContext) || {};\n  const labelRef = useRef(null);\n  const [height, setHeight] = useState(null);\n\n  // Deep merge styles to preserve nested object properties\n  const styles = merge(providerTheme.annotationStyles ?? {}, datumStyles ?? {});\n\n  // Measure the label height once after initial render\n  useEffect(() => {\n    if (labelRef.current?.getBBox) {\n      const bbox = labelRef.current.getBBox();\n      setHeight(bbox.height);\n    }\n  }, []);\n  const positionData = useMemo(() => {\n    if (!datum || !datum.date || datum.value == null || !xScale || !yScale) return null;\n    const x = xScale(datum.date);\n    const y = yScale(datum.value);\n    if (typeof x !== 'number' || typeof y !== 'number') return null;\n    const [yMin, yMax] = yScale.range().map(Number);\n    const [xMin, xMax] = xScale.range().map(Number);\n\n    // If a custom label is provided, use the provided position\n    if (renderLabel) {\n      return {\n        x,\n        dx: 0,\n        y,\n        dy: 0,\n        yMin,\n        yMax,\n        xMin,\n        xMax,\n        isFlippedHorizontally: false,\n        isFlippedVertically: false\n      };\n    }\n    const position = getLabelPosition({\n      subjectType,\n      x,\n      xMax,\n      y,\n      yMin,\n      yMax,\n      maxWidth: styles?.label?.maxWidth,\n      height\n    });\n    return {\n      x,\n      y,\n      yMin,\n      yMax,\n      xMin,\n      xMax,\n      ...position\n    };\n  }, [datum, xScale, yScale, subjectType, styles?.label?.maxWidth, height, renderLabel]);\n  if (!positionData) return null;\n  const {\n    x,\n    y,\n    yMin,\n    yMax,\n    xMin,\n    xMax,\n    dx,\n    dy,\n    isFlippedHorizontally,\n    isFlippedVertically\n  } = positionData;\n  const getLabelY = () => {\n    const labelY = styles?.label?.y;\n    if (labelY === 'start') return yMax;\n    if (labelY === 'end') return yMin;\n    return labelY;\n  };\n  const getLabelX = () => {\n    const labelX = styles?.label?.x;\n    if (labelX === 'start') return xMin;\n    if (labelX === 'end') return xMax;\n    return labelX;\n  };\n  const labelPosition = {\n    x: getLabelX(),\n    y: getLabelY()\n  };\n\n  // Safari has a bug where children of an SVG foreignObject are not positioned correctly https://bugs.webkit.org/show_bug.cgi?id=23113\n  // This is a workaround to position the label correctly\n  const getSafariHTMLLabelPosition = () => {\n    const labelWidth = POPOVER_BUTTON_SIZE;\n    const labelHeight = POPOVER_BUTTON_SIZE;\n    return isSafari() ? {\n      transform: `translate(${x + (dx || 0) + (typeof labelPosition.x === 'number' ? labelPosition.x - x : 0) - labelWidth}px, ${y + (dy || 0) + (typeof labelPosition.y === 'number' ? labelPosition.y - y : 0) - labelHeight}px)`,\n      width: labelWidth,\n      height: labelHeight\n    } : undefined;\n  };\n  return /*#__PURE__*/_jsx(\"g\", {\n    children: /*#__PURE__*/_jsxs(Annotation, {\n      x: x,\n      y: y,\n      dx: dx,\n      dy: dy,\n      children: [/*#__PURE__*/_jsx(Connector, {\n        ...styles?.connector\n      }), subjectType === 'circle' && /*#__PURE__*/_jsx(CircleSubject, {\n        ...styles?.circleSubject\n      }), subjectType === 'line-vertical' && /*#__PURE__*/_jsx(LineSubject, {\n        min: yMax,\n        max: yMin,\n        ...styles?.lineSubject,\n        orientation: 'vertical'\n      }), subjectType === 'line-horizontal' && /*#__PURE__*/_jsx(LineSubject, {\n        min: xMin,\n        max: xMax,\n        ...styles?.lineSubject,\n        orientation: 'horizontal'\n      }), renderLabel ? /*#__PURE__*/_jsx(HtmlLabel, {\n        ...styles?.label,\n        ...labelPosition,\n        children: /*#__PURE__*/_jsx(\"div\", {\n          style: getSafariHTMLLabelPosition(),\n          children: renderLabelPopover ? /*#__PURE__*/_jsx(LineChartAnnotationLabelWithPopover, {\n            title: title,\n            subtitle: subtitle,\n            renderLabel: renderLabel,\n            renderLabelPopover: renderLabelPopover\n          }) : renderLabel({\n            title,\n            subtitle\n          })\n        })\n      }) : /*#__PURE__*/_jsx(\"g\", {\n        ref: labelRef,\n        children: /*#__PURE__*/_jsx(Label, {\n          title: title,\n          subtitle: subtitle,\n          ...styles?.label,\n          ...labelPosition,\n          horizontalAnchor: getHorizontalAnchor(subjectType, isFlippedHorizontally),\n          verticalAnchor: getVerticalAnchor(subjectType, isFlippedVertically, y, yMax, height ?? ANNOTATION_INIT_HEIGHT)\n        })\n      })]\n    })\n  });\n};\nexport default LineChartAnnotation;","import { DataContext } from '@visx/xychart';\nimport { useContext } from 'react';\nconst toNumber = val => {\n  const num = typeof val === 'number' ? val : parseFloat(val);\n  return isNaN(num) ? undefined : num;\n};\nconst LineChartGlyph = ({\n  data,\n  index,\n  color,\n  glyphStyle,\n  renderGlyph,\n  accessors,\n  position\n}) => {\n  const {\n    xScale,\n    yScale\n  } = useContext(DataContext) || {};\n  if (!xScale || !yScale) return null;\n  if (data.data.length === 0) return null;\n  const point = position === 'start' ? data.data[0] : data.data[data.data.length - 1];\n  const x = xScale(accessors.xAccessor(point));\n  const y = yScale(accessors.yAccessor(point));\n  if (typeof x !== 'number' || typeof y !== 'number') return null;\n  const size = Math.max(0, toNumber(glyphStyle?.radius) ?? 4);\n  return renderGlyph({\n    key: `${position}-glyph-${data.label}`,\n    index,\n    datum: point,\n    color,\n    size,\n    x,\n    y,\n    glyphStyle,\n    position\n  });\n};\nexport default LineChartGlyph;"]}

package/dist/chunk-IHESL7H5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-IHESL7H5.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-IHESL7H5.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, useElementHeight, useHasLegendChild, usePrefersReducedMotion } from '../../hooks';\nimport { GlobalChartsProvider, useChartId, useChartRegistration, useGlobalChartsContext, useGlobalChartsTheme, GlobalChartsContext } from '../../providers';\nimport { attachSubComponents } from '../../utils';\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  legendOrientation = 'horizontal',\n  legendPosition = 'bottom',\n  legendAlignment = 'center',\n  legendMaxWidth,\n  legendTextOverflow = 'wrap',\n  legendItemClassName,\n  legendShape = 'rect',\n  gridVisibility: gridVisibilityProp,\n  renderTooltip,\n  options = {},\n  orientation = 'vertical',\n  withPatterns = false,\n  showZeroValues = false,\n  legendInteractive = false,\n  animation,\n  children,\n  gap = 'md'\n}) => {\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  const dataWithVisibleZeros = useZeroValueDisplay(dataSorted, {\n    enabled: showZeroValues\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] = useElementHeight();\n  const chartRef = useRef(null);\n\n  // Check if children contain a Legend component (composition pattern)\n  const hasLegendChild = useHasLegendChild(children);\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 legendElement = showLegend && /*#__PURE__*/_jsx(Legend, {\n    orientation: legendOrientation,\n    position: legendPosition,\n    alignment: legendAlignment,\n    maxWidth: legendMaxWidth,\n    textOverflow: legendTextOverflow,\n    legendItemClassName: legendItemClassName,\n    className: styles['bar-chart__legend'],\n    shape: legendShape,\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, /*#__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, children]\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-JL4ZKKZU.cjs

@@ -1,375 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunk7OZEQ5HEcjs = require('./chunk-7OZEQ5HE.cjs');
-
-
-var _chunk2A34OA5Ocjs = require('./chunk-2A34OA5O.cjs');
-
-
-
-
-var _chunkRCY6XLGUcjs = require('./chunk-RCY6XLGU.cjs');
-
-
-var _chunkY3NNQMAXcjs = require('./chunk-Y3NNQMAX.cjs');
-
-
-var _chunk7QDEU3KNcjs = require('./chunk-7QDEU3KN.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkEJJO2QNBcjs = require('./chunk-EJJO2QNB.cjs');
-
-
-var _chunkZVGEDXDPcjs = require('./chunk-ZVGEDXDP.cjs');
-
-// src/charts/pie-chart/pie-chart.tsx
-var _group = require('@visx/group');
-var _shape = require('@visx/shape');
-var _tooltip = require('@visx/tooltip');
-var _i18n = require('@wordpress/i18n');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _react = require('react');
-
-// src/charts/pie-chart/pie-chart.module.scss
-var pie_chart_module_default = {
-  "pie-chart": "a8ccharts-C-n-Gu",
-  "pie-chart--legend-top": "a8ccharts-Mu0uxl"
-};
-
-// src/charts/pie-chart/pie-chart.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var renderDefaultPieTooltip = ({
-  tooltipData
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3NNQMAXcjs.BaseTooltip, {
-    data: tooltipData,
-    top: 0,
-    left: 0,
-    renderContainer: false
-  });
-};
-var validateData = (data) => {
-  if (!data.length) {
-    return {
-      isValid: false,
-      message: "No data available"
-    };
-  }
-  const hasNegativeValues = data.some((item) => item.percentage < 0 || item.value < 0);
-  if (hasNegativeValues) {
-    return {
-      isValid: false,
-      message: "Invalid data: Negative values are not allowed"
-    };
-  }
-  const totalPercentage = data.reduce((sum, item) => sum + item.percentage, 0);
-  if (Math.abs(totalPercentage - 100) > 0.01) {
-    return {
-      isValid: false,
-      message: "Invalid percentage total: Must equal 100"
-    };
-  }
-  return {
-    isValid: true,
-    message: ""
-  };
-};
-var PieChartInternal = ({
-  data,
-  chartId: providedChartId,
-  withTooltips = false,
-  className,
-  showLegend = false,
-  legendOrientation = "horizontal",
-  legendPosition = "bottom",
-  legendAlignment = "center",
-  legendMaxWidth,
-  legendTextOverflow = "wrap",
-  legendItemClassName,
-  legendShape = "circle",
-  size,
-  animation,
-  thickness = 1,
-  padding = 0,
-  gapScale = 0,
-  cornerScale = 0,
-  showLabels = true,
-  legendValueDisplay = "percentage",
-  legendInteractive = false,
-  children = null,
-  tooltipOffsetX = 0,
-  tooltipOffsetY = -15,
-  renderTooltip = renderDefaultPieTooltip
-}) => {
-  const providerTheme = _chunkEJJO2QNBcjs.useGlobalChartsTheme.call(void 0, );
-  const chartId = _chunkEJJO2QNBcjs.useChartId.call(void 0, providedChartId);
-  const [legendRef, legendHeight] = _chunkEJJO2QNBcjs.useElementHeight.call(void 0, );
-  const {
-    tooltipOpen,
-    tooltipLeft,
-    tooltipTop,
-    tooltipData,
-    hideTooltip,
-    showTooltip
-  } = _tooltip.useTooltip.call(void 0, );
-  const {
-    containerRef,
-    TooltipInPortal,
-    containerBounds
-  } = _tooltip.useTooltipInPortal.call(void 0, {
-    detectBounds: true,
-    scroll: true,
-    debounce: 0
-  });
-  const onMouseLeave = _react.useCallback.call(void 0, () => {
-    if (!withTooltips) {
-      return;
-    }
-    hideTooltip();
-  }, [withTooltips, hideTooltip]);
-  const {
-    getElementStyles,
-    isSeriesVisible
-  } = _chunkEJJO2QNBcjs.useGlobalChartsContext.call(void 0, );
-  const {
-    visibleData,
-    allSegmentsHidden,
-    legendData
-  } = _chunkEJJO2QNBcjs.useInteractiveLegendData.call(void 0, {
-    data,
-    chartId,
-    legendInteractive,
-    isSeriesVisible
-  });
-  const legendOptions = _react.useMemo.call(void 0, () => ({
-    showValues: true,
-    legendValueDisplay
-  }), [legendValueDisplay]);
-  const legendItems = _chunkEJJO2QNBcjs.useChartLegendItems.call(void 0, legendData, legendOptions);
-  const {
-    isValid,
-    message
-  } = validateData(data);
-  const {
-    svgChildren,
-    htmlChildren,
-    otherChildren
-  } = _chunkRCY6XLGUcjs.useChartChildren.call(void 0, children, "PieChart");
-  const chartMetadata = _react.useMemo.call(void 0, () => ({
-    thickness,
-    gapScale,
-    cornerScale
-  }), [thickness, gapScale, cornerScale]);
-  _chunkEJJO2QNBcjs.useChartRegistration.call(void 0, {
-    chartId,
-    legendItems,
-    chartType: "pie",
-    isDataValid: isValid,
-    metadata: chartMetadata
-  });
-  const prefersReducedMotion = _chunkEJJO2QNBcjs.usePrefersReducedMotion.call(void 0, );
-  if (!isValid) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
-      className: _clsx2.default.call(void 0, "pie-chart", pie_chart_module_default["pie-chart"], className),
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
-        className: pie_chart_module_default["error-message"],
-        children: message
-      })
-    });
-  }
-  const width = size;
-  const height = size;
-  const adjustedHeight = showLegend && legendPosition === "top" ? height - legendHeight : height;
-  const radius = Math.min(width, adjustedHeight) / 2;
-  const centerX = width / 2;
-  const centerY = adjustedHeight / 2;
-  const padAngle = gapScale * (2 * Math.PI / data.length);
-  const outerRadius = radius - padding;
-  const innerRadius = thickness === 0 ? 0 : outerRadius * (1 - thickness);
-  const maxCornerRadius = (outerRadius - innerRadius) / 2;
-  const cornerRadius = cornerScale ? Math.min(cornerScale * outerRadius, maxCornerRadius) : 0;
-  const dataWithIndex = visibleData.map((d) => {
-    const originalIndex = data.findIndex((item) => item.label === d.label);
-    return {
-      ...d,
-      index: originalIndex >= 0 ? originalIndex : 0
-    };
-  });
-  const accessors = {
-    value: (d) => d.value,
-    fill: (d) => {
-      return getElementStyles({
-        data: d,
-        index: d.index
-      }).color;
-    }
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEJJO2QNBcjs.SingleChartContext.Provider, {
-    value: {
-      chartId,
-      chartWidth: width,
-      chartHeight: adjustedHeight
-    },
-    children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", {
-      ref: containerRef,
-      className: _clsx2.default.call(void 0, "pie-chart", pie_chart_module_default["pie-chart"], {
-        [pie_chart_module_default["pie-chart--legend-top"]]: showLegend && legendPosition === "top"
-      }, className),
-      children: [/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", {
-        viewBox: `0 0 ${width} ${adjustedHeight}`,
-        preserveAspectRatio: "xMidYMid meet",
-        width,
-        height: adjustedHeight,
-        children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", {
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A34OA5Ocjs.radial_wipe_animation_default, {
-            id: `radial-wipe-${chartId}`,
-            radius: outerRadius,
-            innerRadius
-          })
-        }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _group.Group, {
-          top: centerY,
-          left: centerX,
-          mask: animation && !prefersReducedMotion ? `url(#radial-wipe-${chartId})` : null,
-          children: [allSegmentsHidden ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "text", {
-            textAnchor: "middle",
-            dy: ".33em",
-            fill: providerTheme.gridColor || "#ccc",
-            fontSize: "14",
-            fontFamily: "-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif",
-            children: _i18n.__.call(void 0, "All segments are hidden. Click legend items to show data.", "jetpack-charts")
-          }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _shape.Pie, {
-            data: dataWithIndex,
-            pieValue: accessors.value,
-            outerRadius,
-            innerRadius,
-            padAngle,
-            cornerRadius,
-            children: (pie) => {
-              return pie.arcs.map((arc, index) => {
-                const [centroidX, centroidY] = pie.path.centroid(arc);
-                const hasSpaceForLabel = arc.endAngle - arc.startAngle >= 0.25;
-                const handleMouseMove = (event) => {
-                  if (!withTooltips) {
-                    return;
-                  }
-                  if (containerBounds.width === 0 || containerBounds.height === 0) {
-                    return;
-                  }
-                  showTooltip({
-                    tooltipData: arc.data,
-                    tooltipLeft: event.clientX - containerBounds.left + tooltipOffsetX,
-                    tooltipTop: event.clientY - containerBounds.top + tooltipOffsetY
-                  });
-                };
-                const pathProps = {
-                  d: pie.path(arc) || "",
-                  fill: accessors.fill(arc.data)
-                };
-                const groupProps = {};
-                if (withTooltips) {
-                  groupProps.onMouseMove = handleMouseMove;
-                  groupProps.onMouseLeave = onMouseLeave;
-                }
-                const fontSize = 12;
-                const estimatedTextWidth = _chunk7OZEQ5HEcjs.getStringWidth.call(void 0, arc.data.label, {
-                  fontSize
-                });
-                const labelPadding = 6;
-                const backgroundWidth = estimatedTextWidth + labelPadding * 2;
-                const backgroundHeight = fontSize + labelPadding * 2;
-                return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", {
-                  ...groupProps,
-                  children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", {
-                    ...pathProps
-                  }), showLabels && hasSpaceForLabel && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", {
-                    children: [providerTheme.labelBackgroundColor && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", {
-                      x: centroidX - backgroundWidth / 2,
-                      y: centroidY - backgroundHeight / 2,
-                      width: backgroundWidth,
-                      height: backgroundHeight,
-                      fill: providerTheme.labelBackgroundColor,
-                      rx: 4,
-                      ry: 4,
-                      pointerEvents: "none"
-                    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "text", {
-                      x: centroidX,
-                      y: centroidY,
-                      dy: ".33em",
-                      fill: providerTheme.labelTextColor || "#333",
-                      fontSize,
-                      textAnchor: "middle",
-                      pointerEvents: "none",
-                      children: arc.data.label
-                    })]
-                  })]
-                }, `arc-${index}`);
-              });
-            }
-          }), !allSegmentsHidden && svgChildren]
-        })]
-      }), showLegend && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEJJO2QNBcjs.Legend, {
-        orientation: legendOrientation,
-        position: legendPosition,
-        alignment: legendAlignment,
-        maxWidth: legendMaxWidth,
-        textOverflow: legendTextOverflow,
-        legendItemClassName,
-        className: pie_chart_module_default["pie-chart-legend"],
-        shape: legendShape,
-        ref: legendRef,
-        chartId,
-        interactive: legendInteractive
-      }), withTooltips && tooltipOpen && tooltipData && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipInPortal, {
-        top: tooltipTop || 0,
-        left: tooltipLeft || 0,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
-          role: "tooltip",
-          children: renderTooltip({
-            tooltipData
-          })
-        })
-      }), htmlChildren, otherChildren]
-    })
-  });
-};
-var PieChartWithProvider = (props) => {
-  const existingContext = _react.useContext.call(void 0, _chunkEJJO2QNBcjs.GlobalChartsContext);
-  if (existingContext) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieChartInternal, {
-      ...props
-    });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEJJO2QNBcjs.GlobalChartsProvider, {
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieChartInternal, {
-      ...props
-    })
-  });
-};
-PieChartWithProvider.displayName = "PieChart";
-var PieChart = _chunkZVGEDXDPcjs.attachSubComponents.call(void 0, PieChartWithProvider, {
-  Legend: _chunkEJJO2QNBcjs.Legend,
-  SVG: _chunkRCY6XLGUcjs.ChartSVG,
-  HTML: _chunkRCY6XLGUcjs.ChartHTML
-});
-var PieChartResponsive = _chunkZVGEDXDPcjs.attachSubComponents.call(void 0, _chunk7QDEU3KNcjs.withResponsive.call(void 0, PieChartWithProvider), {
-  Legend: _chunkEJJO2QNBcjs.Legend,
-  SVG: _chunkRCY6XLGUcjs.ChartSVG,
-  HTML: _chunkRCY6XLGUcjs.ChartHTML
-});
-
-
-
-
-exports.PieChart = PieChart; exports.PieChartResponsive = PieChartResponsive;
-//# sourceMappingURL=chunk-JL4ZKKZU.cjs.map