@automattic/charts 0.57.0 → 0.59.0

package/dist/chunk-ZH4F5RMG.cjs

@@ -1,403 +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 _chunkI35UYJJRcjs = require('./chunk-I35UYJJR.cjs');
-
-
-var _chunkASLARV7Lcjs = require('./chunk-ASLARV7L.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkRHHVEJHJcjs = require('./chunk-RHHVEJHJ.cjs');
-
-
-var _chunkVTS3PNMScjs = require('./chunk-VTS3PNMS.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--responsive": "a8ccharts-IQVR6j",
-  "pie-chart__svg-wrapper": "a8ccharts-iQ1Rki"
-};
-
-// 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",
-  width: propWidth,
-  height: propHeight,
-  size,
-  animation,
-  thickness = 1,
-  padding = 0,
-  gapScale = 0,
-  cornerScale = 0,
-  showLabels = true,
-  legendValueDisplay = "percentage",
-  legendInteractive = false,
-  children = null,
-  tooltipOffsetX = 0,
-  tooltipOffsetY = -15,
-  renderTooltip = renderDefaultPieTooltip,
-  gap = "md"
-}) => {
-  const providerTheme = _chunkRHHVEJHJcjs.useGlobalChartsTheme.call(void 0, );
-  const chartId = _chunkRHHVEJHJcjs.useChartId.call(void 0, providedChartId);
-  const [svgWrapperRef, svgWrapperWidth, svgWrapperHeight] = _chunkRHHVEJHJcjs.useElementSize.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
-  } = _chunkRHHVEJHJcjs.useGlobalChartsContext.call(void 0, );
-  const {
-    visibleData,
-    allSegmentsHidden,
-    legendData
-  } = _chunkRHHVEJHJcjs.useInteractiveLegendData.call(void 0, {
-    data,
-    chartId,
-    legendInteractive,
-    isSeriesVisible
-  });
-  const legendOptions = _react.useMemo.call(void 0, () => ({
-    showValues: true,
-    legendValueDisplay
-  }), [legendValueDisplay]);
-  const legendItems = _chunkRHHVEJHJcjs.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]);
-  _chunkRHHVEJHJcjs.useChartRegistration.call(void 0, {
-    chartId,
-    legendItems,
-    chartType: "pie",
-    isDataValid: isValid,
-    metadata: chartMetadata
-  });
-  const prefersReducedMotion = _chunkRHHVEJHJcjs.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 availableWidth = svgWrapperWidth > 0 ? svgWrapperWidth : 300;
-  const availableHeight = svgWrapperHeight > 0 ? svgWrapperHeight : 300;
-  const availableSize = Math.min(availableWidth, availableHeight);
-  const actualSize = size ? Math.min(size, availableSize) : availableSize;
-  const width = actualSize;
-  const height = actualSize;
-  const radius = Math.min(width, height) / 2;
-  const centerX = width / 2;
-  const centerY = height / 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;
-    }
-  };
-  const legendElement = showLegend && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHHVEJHJcjs.Legend, {
-    orientation: legendOrientation,
-    position: legendPosition,
-    alignment: legendAlignment,
-    labelStyles: {
-      maxWidth: legendMaxWidth,
-      textOverflow: legendTextOverflow
-    },
-    itemClassName: legendItemClassName,
-    shape: legendShape,
-    chartId,
-    interactive: legendInteractive
-  });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHHVEJHJcjs.SingleChartContext.Provider, {
-    value: {
-      chartId,
-      chartWidth: width,
-      chartHeight: height
-    },
-    children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkI35UYJJRcjs.Stack, {
-      ref: containerRef,
-      direction: "column",
-      gap,
-      className: _clsx2.default.call(void 0, 
-        "pie-chart",
-        pie_chart_module_default["pie-chart"],
-        // Fill parent when no explicit dimensions provided
-        {
-          [pie_chart_module_default["pie-chart--responsive"]]: !propWidth && !propHeight
-        },
-        className
-      ),
-      style: {
-        width: propWidth || void 0,
-        height: propHeight || void 0
-      },
-      children: [legendPosition === "top" && legendElement, /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
-        className: pie_chart_module_default["pie-chart__svg-wrapper"],
-        ref: svgWrapperRef,
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", {
-          viewBox: `0 0 ${width} ${height}`,
-          preserveAspectRatio: "xMidYMid meet",
-          width,
-          height,
-          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),
-                    "data-testid": "pie-segment"
-                  };
-                  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]
-          })]
-        })
-      }), legendPosition === "bottom" && legendElement, 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, _chunkRHHVEJHJcjs.GlobalChartsContext);
-  if (existingContext) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieChartInternal, {
-      ...props
-    });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRHHVEJHJcjs.GlobalChartsProvider, {
-    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieChartInternal, {
-      ...props
-    })
-  });
-};
-PieChartWithProvider.displayName = "PieChart";
-var PieChart = _chunkVTS3PNMScjs.attachSubComponents.call(void 0, PieChartWithProvider, {
-  Legend: _chunkRHHVEJHJcjs.Legend,
-  SVG: _chunkRCY6XLGUcjs.ChartSVG,
-  HTML: _chunkRCY6XLGUcjs.ChartHTML
-});
-var PieChartResponsive = _chunkVTS3PNMScjs.attachSubComponents.call(void 0, _chunkASLARV7Lcjs.withResponsive.call(void 0, PieChartWithProvider), {
-  Legend: _chunkRHHVEJHJcjs.Legend,
-  SVG: _chunkRCY6XLGUcjs.ChartSVG,
-  HTML: _chunkRCY6XLGUcjs.ChartHTML
-});
-
-
-
-
-exports.PieChart = PieChart; exports.PieChartResponsive = PieChartResponsive;
-//# sourceMappingURL=chunk-ZH4F5RMG.cjs.map

package/dist/chunk-ZH4F5RMG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-ZH4F5RMG.cjs","../src/charts/pie-chart/pie-chart.tsx","../src/charts/pie-chart/pie-chart.module.scss"],"names":[],"mappings":"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","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-ZH4F5RMG.cjs","sourcesContent":[null,"import { Group } from '@visx/group';\nimport { Pie } from '@visx/shape';\nimport { useTooltip, useTooltipInPortal } from '@visx/tooltip';\nimport { __ } from '@wordpress/i18n';\nimport { Stack } from '@wordpress/ui';\nimport clsx from 'clsx';\nimport { useCallback, useContext, useMemo } from 'react';\nimport { Legend, useChartLegendItems } from '../../components/legend';\nimport { BaseTooltip } from '../../components/tooltip';\nimport { useElementSize, useInteractiveLegendData, usePrefersReducedMotion } from '../../hooks';\nimport { GlobalChartsProvider, useChartId, useChartRegistration, useGlobalChartsContext, useGlobalChartsTheme, GlobalChartsContext } from '../../providers';\nimport { attachSubComponents } from '../../utils';\nimport { getStringWidth } from '../../visx/text';\nimport { ChartSVG, ChartHTML, useChartChildren } from '../private/chart-composition';\nimport { RadialWipeAnimation } from '../private/radial-wipe-animation/';\nimport { SingleChartContext } from '../private/single-chart-context';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './pie-chart.module.scss';\n\n/**\n * Parameters passed to the renderTooltip function for pie charts.\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * Default tooltip renderer for pie charts.\n * Renders a BaseTooltip with the hovered segment's data.\n *\n * @param {PieChartRenderTooltipParams} params - The tooltip parameters containing the hovered data point\n * @return {ReactNode} The rendered tooltip content\n */\nconst renderDefaultPieTooltip = ({\n  tooltipData\n}) => {\n  return /*#__PURE__*/_jsx(BaseTooltip, {\n    data: tooltipData,\n    top: 0,\n    left: 0,\n    renderContainer: false\n  });\n};\n\n// Base props type with optional responsive properties\n\n// Composition API types\n\n/**\n * Validates the pie chart data\n * @param data - The data to validate\n * @return Object containing validation result and error message\n */\nconst validateData = data => {\n  if (!data.length) {\n    return {\n      isValid: false,\n      message: 'No data available'\n    };\n  }\n\n  // Check for negative values\n  const hasNegativeValues = data.some(item => item.percentage < 0 || item.value < 0);\n  if (hasNegativeValues) {\n    return {\n      isValid: false,\n      message: 'Invalid data: Negative values are not allowed'\n    };\n  }\n\n  // Validate total percentage\n  const totalPercentage = data.reduce((sum, item) => sum + item.percentage, 0);\n  if (Math.abs(totalPercentage - 100) > 0.01) {\n    // Using small epsilon for floating point comparison\n    return {\n      isValid: false,\n      message: 'Invalid percentage total: Must equal 100'\n    };\n  }\n  return {\n    isValid: true,\n    message: ''\n  };\n};\n\n/**\n * Renders a pie or donut chart using the provided data.\n *\n * @param {PieChartProps} props - Component props\n * @return {JSX.Element} The rendered chart component\n */\nconst PieChartInternal = ({\n  data,\n  chartId: providedChartId,\n  withTooltips = false,\n  className,\n  showLegend = false,\n  legendOrientation = 'horizontal',\n  legendPosition = 'bottom',\n  legendAlignment = 'center',\n  legendMaxWidth,\n  legendTextOverflow = 'wrap',\n  legendItemClassName,\n  legendShape = 'circle',\n  width: propWidth,\n  height: propHeight,\n  size,\n  animation,\n  thickness = 1,\n  padding = 0,\n  gapScale = 0,\n  cornerScale = 0,\n  showLabels = true,\n  legendValueDisplay = 'percentage',\n  legendInteractive = false,\n  children = null,\n  tooltipOffsetX = 0,\n  tooltipOffsetY = -15,\n  renderTooltip = renderDefaultPieTooltip,\n  gap = 'md'\n}) => {\n  const providerTheme = useGlobalChartsTheme();\n  const chartId = useChartId(providedChartId);\n  const [svgWrapperRef, svgWrapperWidth, svgWrapperHeight] = useElementSize();\n  const {\n    tooltipOpen,\n    tooltipLeft,\n    tooltipTop,\n    tooltipData,\n    hideTooltip,\n    showTooltip\n  } = useTooltip();\n\n  // Set up portal tooltip for better z-index handling\n  // We get containerBounds to cancel out stale offsets in the position calculation\n  const {\n    containerRef,\n    TooltipInPortal,\n    containerBounds\n  } = useTooltipInPortal({\n    detectBounds: true,\n    scroll: true,\n    debounce: 0\n  });\n  const onMouseLeave = useCallback(() => {\n    if (!withTooltips) {\n      return;\n    }\n    hideTooltip();\n  }, [withTooltips, hideTooltip]);\n  const {\n    getElementStyles,\n    isSeriesVisible\n  } = useGlobalChartsContext();\n\n  // Filter and recalculate data for interactive legends\n  const {\n    visibleData,\n    allSegmentsHidden,\n    legendData\n  } = useInteractiveLegendData({\n    data,\n    chartId,\n    legendInteractive,\n    isSeriesVisible\n  });\n\n  // Memoize legend options to prevent unnecessary re-calculations\n  const legendOptions = useMemo(() => ({\n    showValues: true,\n    legendValueDisplay\n  }), [legendValueDisplay]);\n\n  // Create legend items using legendData (has recalculated percentages for visible items)\n  const legendItems = useChartLegendItems(legendData, legendOptions);\n  const {\n    isValid,\n    message\n  } = validateData(data);\n\n  // Process children to extract compound components\n  const {\n    svgChildren,\n    htmlChildren,\n    otherChildren\n  } = useChartChildren(children, 'PieChart');\n\n  // Memoize metadata to prevent unnecessary re-registration\n  const chartMetadata = useMemo(() => ({\n    thickness,\n    gapScale,\n    cornerScale\n  }), [thickness, gapScale, cornerScale]);\n\n  // Register chart with context only if data is valid\n  useChartRegistration({\n    chartId,\n    legendItems,\n    chartType: 'pie',\n    isDataValid: isValid,\n    metadata: chartMetadata\n  });\n  const prefersReducedMotion = usePrefersReducedMotion();\n  if (!isValid) {\n    return /*#__PURE__*/_jsx(\"div\", {\n      className: clsx('pie-chart', styles['pie-chart'], className),\n      children: /*#__PURE__*/_jsx(\"div\", {\n        className: styles['error-message'],\n        children: message\n      })\n    });\n  }\n\n  // Calculate the actual pie size:\n  // - Measure available space from the svg-wrapper\n  // - If size prop provided: use it as max, but shrink if container is smaller\n  // - If no size prop: fill available space\n  const availableWidth = svgWrapperWidth > 0 ? svgWrapperWidth : 300;\n  const availableHeight = svgWrapperHeight > 0 ? svgWrapperHeight : 300;\n  const availableSize = Math.min(availableWidth, availableHeight);\n  const actualSize = size ? Math.min(size, availableSize) : availableSize;\n  const width = actualSize;\n  const height = actualSize;\n\n  // Calculate radius based on width/height\n  const radius = Math.min(width, height) / 2;\n\n  // Center the chart in the available space\n  const centerX = width / 2;\n  const centerY = height / 2;\n\n  // Calculate the angle between each (use original data length for consistent spacing)\n  const padAngle = gapScale * (2 * Math.PI / data.length);\n  const outerRadius = radius - padding;\n  const innerRadius = thickness === 0 ? 0 : outerRadius * (1 - thickness);\n  const maxCornerRadius = (outerRadius - innerRadius) / 2;\n  const cornerRadius = cornerScale ? Math.min(cornerScale * outerRadius, maxCornerRadius) : 0;\n\n  // Map the data to include index for color assignment\n  // When interactive, we need to find the original index to maintain consistent colors\n  const dataWithIndex = visibleData.map(d => {\n    const originalIndex = data.findIndex(item => item.label === d.label);\n    return {\n      ...d,\n      index: originalIndex >= 0 ? originalIndex : 0\n    };\n  });\n  const accessors = {\n    value: d => d.value,\n    fill: d => {\n      return getElementStyles({\n        data: d,\n        index: d.index\n      }).color;\n    }\n  };\n  const legendElement = showLegend && /*#__PURE__*/_jsx(Legend, {\n    orientation: legendOrientation,\n    position: legendPosition,\n    alignment: legendAlignment,\n    labelStyles: {\n      maxWidth: legendMaxWidth,\n      textOverflow: legendTextOverflow\n    },\n    itemClassName: legendItemClassName,\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: height\n    },\n    children: /*#__PURE__*/_jsxs(Stack, {\n      ref: containerRef,\n      direction: \"column\",\n      gap: gap,\n      className: clsx('pie-chart', styles['pie-chart'],\n      // Fill parent when no explicit dimensions provided\n      {\n        [styles['pie-chart--responsive']]: !propWidth && !propHeight\n      }, className),\n      style: {\n        width: propWidth || undefined,\n        height: propHeight || undefined\n      },\n      children: [legendPosition === 'top' && legendElement, /*#__PURE__*/_jsx(\"div\", {\n        className: styles['pie-chart__svg-wrapper'],\n        ref: svgWrapperRef,\n        children: /*#__PURE__*/_jsxs(\"svg\", {\n          viewBox: `0 0 ${width} ${height}`,\n          preserveAspectRatio: \"xMidYMid meet\",\n          width: width,\n          height: height,\n          children: [/*#__PURE__*/_jsx(\"defs\", {\n            children: /*#__PURE__*/_jsx(RadialWipeAnimation, {\n              id: `radial-wipe-${chartId}`,\n              radius: outerRadius,\n              innerRadius: innerRadius\n            })\n          }), /*#__PURE__*/_jsxs(Group, {\n            top: centerY,\n            left: centerX,\n            mask: animation && !prefersReducedMotion ? `url(#radial-wipe-${chartId})` : null,\n            children: [allSegmentsHidden ? /*#__PURE__*/_jsx(\"text\", {\n              textAnchor: \"middle\",\n              dy: \".33em\",\n              fill: providerTheme.gridColor || '#ccc',\n              fontSize: \"14\",\n              fontFamily: \"-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif\",\n              children: __('All segments are hidden. Click legend items to show data.', 'jetpack-charts')\n            }) : /*#__PURE__*/_jsx(Pie, {\n              data: dataWithIndex,\n              pieValue: accessors.value,\n              outerRadius: outerRadius,\n              innerRadius: innerRadius,\n              padAngle: padAngle,\n              cornerRadius: cornerRadius,\n              children: pie => {\n                return pie.arcs.map((arc, index) => {\n                  const [centroidX, centroidY] = pie.path.centroid(arc);\n                  const hasSpaceForLabel = arc.endAngle - arc.startAngle >= 0.25;\n                  const handleMouseMove = event => {\n                    if (!withTooltips) {\n                      return;\n                    }\n\n                    // Don't show tooltip until container bounds are measured\n                    if (containerBounds.width === 0 || containerBounds.height === 0) {\n                      return;\n                    }\n\n                    // Use clientX/Y and subtract containerBounds to cancel out any stale offset.\n                    // TooltipInPortal calculates: tooltipLeft + containerBounds.left + scrollX\n                    // By passing (clientX - containerBounds.left), we get:\n                    // (clientX - containerBounds.left) + containerBounds.left + scrollX = clientX + scrollX\n                    // This gives correct page coordinates regardless of stale bounds.\n                    showTooltip({\n                      tooltipData: arc.data,\n                      tooltipLeft: event.clientX - containerBounds.left + tooltipOffsetX,\n                      tooltipTop: event.clientY - containerBounds.top + tooltipOffsetY\n                    });\n                  };\n                  const pathProps = {\n                    d: pie.path(arc) || '',\n                    fill: accessors.fill(arc.data),\n                    'data-testid': 'pie-segment'\n                  };\n                  const groupProps = {};\n                  if (withTooltips) {\n                    groupProps.onMouseMove = handleMouseMove;\n                    groupProps.onMouseLeave = onMouseLeave;\n                  }\n\n                  // Estimate text width more accurately for background sizing\n                  const fontSize = 12;\n                  const estimatedTextWidth = getStringWidth(arc.data.label, {\n                    fontSize\n                  });\n                  const labelPadding = 6;\n                  const backgroundWidth = estimatedTextWidth + labelPadding * 2;\n                  const backgroundHeight = fontSize + labelPadding * 2;\n                  return /*#__PURE__*/_jsxs(\"g\", {\n                    ...groupProps,\n                    children: [/*#__PURE__*/_jsx(\"path\", {\n                      ...pathProps\n                    }), showLabels && hasSpaceForLabel && /*#__PURE__*/_jsxs(\"g\", {\n                      children: [providerTheme.labelBackgroundColor && /*#__PURE__*/_jsx(\"rect\", {\n                        x: centroidX - backgroundWidth / 2,\n                        y: centroidY - backgroundHeight / 2,\n                        width: backgroundWidth,\n                        height: backgroundHeight,\n                        fill: providerTheme.labelBackgroundColor,\n                        rx: 4,\n                        ry: 4,\n                        pointerEvents: \"none\"\n                      }), /*#__PURE__*/_jsx(\"text\", {\n                        x: centroidX,\n                        y: centroidY,\n                        dy: \".33em\",\n                        fill: providerTheme.labelTextColor || '#333',\n                        fontSize: fontSize,\n                        textAnchor: \"middle\",\n                        pointerEvents: \"none\",\n                        children: arc.data.label\n                      })]\n                    })]\n                  }, `arc-${index}`);\n                });\n              }\n            }), !allSegmentsHidden && svgChildren]\n          })]\n        })\n      }), legendPosition === 'bottom' && legendElement, withTooltips && tooltipOpen && tooltipData && /*#__PURE__*/_jsx(TooltipInPortal, {\n        top: tooltipTop || 0,\n        left: tooltipLeft || 0,\n        children: /*#__PURE__*/_jsx(\"div\", {\n          role: \"tooltip\",\n          children: renderTooltip({\n            tooltipData\n          })\n        })\n      }), htmlChildren, otherChildren]\n    })\n  });\n};\nconst PieChartWithProvider = 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(PieChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(PieChartInternal, {\n      ...props\n    })\n  });\n};\nPieChartWithProvider.displayName = 'PieChart';\n\n// Create PieChart with composition API\nconst PieChart = attachSubComponents(PieChartWithProvider, {\n  Legend: Legend,\n  SVG: ChartSVG,\n  HTML: ChartHTML\n});\n\n// Create responsive PieChart with composition API\nconst PieChartResponsive = attachSubComponents(withResponsive(PieChartWithProvider), {\n  Legend: Legend,\n  SVG: ChartSVG,\n  HTML: ChartHTML\n});\nexport { PieChartResponsive as default, PieChart as PieChartUnresponsive };","import 'css-chunk:src/charts/pie-chart/pie-chart.module.scss';export default {\n  \"pie-chart\": \"a8ccharts-C-n-Gu\",\n  \"pie-chart--responsive\": \"a8ccharts-IQVR6j\",\n  \"pie-chart__svg-wrapper\": \"a8ccharts-iQ1Rki\"\n};"]}

package/dist/components/legend/index.cjs

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-
-var _chunkRHHVEJHJcjs = require('../../chunk-RHHVEJHJ.cjs');
-require('../../chunk-VTS3PNMS.cjs');
-require('../../chunk-EMMSS5I5.cjs');
-
-
-
-exports.Legend = _chunkRHHVEJHJcjs.Legend; exports.useChartLegendItems = _chunkRHHVEJHJcjs.useChartLegendItems;
-//# sourceMappingURL=index.cjs.map

package/dist/components/legend/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/components/legend/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACF,+GAAC","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/components/legend/index.cjs"}

package/dist/components/legend/index.css

@@ -1,103 +0,0 @@
-/* esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss */
-.a8ccharts-jCw5dQ {
-  position: fixed;
-  inset: 0;
-  overflow: visible;
-  z-index: 1;
-  pointer-events: none;
-}
-
-/* esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss */
-.a8ccharts-AELBvX {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: 16px;
-}
-.a8ccharts-fX8uQe {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.a8ccharts-fX8uQe.a8ccharts-DEe0wg {
-  align-items: flex-start;
-}
-.a8ccharts-fX8uQe.a8ccharts-WBKF9I {
-  align-items: center;
-}
-.a8ccharts-fX8uQe.a8ccharts-JfwMng {
-  align-items: flex-end;
-}
-.a8ccharts-8Y73Kh {
-  position: relative;
-}
-.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {
-  justify-content: flex-start;
-}
-.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {
-  justify-content: center;
-}
-.a8ccharts-8Y73Kh.a8ccharts-JfwMng {
-  justify-content: flex-end;
-}
-.a8ccharts-TVM-IY {
-  position: relative;
-}
-.a8ccharts-TVM-IY.a8ccharts-DEe0wg {
-  justify-content: flex-start;
-}
-.a8ccharts-TVM-IY.a8ccharts-WBKF9I {
-  justify-content: center;
-}
-.a8ccharts-TVM-IY.a8ccharts-JfwMng {
-  justify-content: flex-end;
-}
-.a8ccharts-Vflwq8 {
-  display: flex;
-  align-items: center;
-  font-size: 0.875rem;
-}
-.a8ccharts-qGsavM {
-  cursor: pointer;
-  user-select: none;
-  transition: opacity 0.2s ease;
-}
-.a8ccharts-qGsavM:hover {
-  opacity: 0.8;
-}
-.a8ccharts-qGsavM:focus {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
-  border-radius: 4px;
-}
-.a8ccharts-qGsavM:focus:not(:focus-visible) {
-  outline: none;
-}
-.a8ccharts-ZtDY-Q {
-  opacity: 0.4;
-}
-.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {
-  text-decoration: line-through;
-}
-.a8ccharts-2H65Kr {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.a8ccharts-faSDBI {
-  overflow-wrap: break-word;
-  white-space: normal;
-  hyphens: auto;
-}
-.a8ccharts-FISUIO {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  flex-shrink: 1;
-  min-width: 0;
-}
-.a8ccharts-DTZlT- {
-  font-weight: 500;
-  flex-shrink: 0;
-}
-/*# sourceMappingURL=index.css.map */

package/dist/components/legend/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["esbuild-sass-plugin:css-chunk:src/hooks/use-tooltip-portal-relocator.module.scss","esbuild-sass-plugin:css-chunk:src/components/legend/private/base-legend.module.scss"],"sourcesContent":[".a8ccharts-jCw5dQ {\n  position: fixed;\n  inset: 0;\n  overflow: visible;\n  z-index: 1;\n  pointer-events: none;\n}",".a8ccharts-AELBvX {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.a8ccharts-fX8uQe {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.a8ccharts-fX8uQe.a8ccharts-DEe0wg {\n  align-items: flex-start;\n}\n.a8ccharts-fX8uQe.a8ccharts-WBKF9I {\n  align-items: center;\n}\n.a8ccharts-fX8uQe.a8ccharts-JfwMng {\n  align-items: flex-end;\n}\n.a8ccharts-8Y73Kh {\n  position: relative;\n}\n.a8ccharts-8Y73Kh.a8ccharts-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-8Y73Kh.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-8Y73Kh.a8ccharts-JfwMng {\n  justify-content: flex-end;\n}\n.a8ccharts-TVM-IY {\n  position: relative;\n}\n.a8ccharts-TVM-IY.a8ccharts-DEe0wg {\n  justify-content: flex-start;\n}\n.a8ccharts-TVM-IY.a8ccharts-WBKF9I {\n  justify-content: center;\n}\n.a8ccharts-TVM-IY.a8ccharts-JfwMng {\n  justify-content: flex-end;\n}\n\n.a8ccharts-Vflwq8 {\n  display: flex;\n  align-items: center;\n  font-size: 0.875rem;\n}\n.a8ccharts-qGsavM {\n  cursor: pointer;\n  user-select: none;\n  transition: opacity 0.2s ease;\n}\n.a8ccharts-qGsavM:hover {\n  opacity: 0.8;\n}\n.a8ccharts-qGsavM:focus {\n  outline: 2px solid currentColor;\n  outline-offset: 2px;\n  border-radius: 4px;\n}\n.a8ccharts-qGsavM:focus:not(:focus-visible) {\n  outline: none;\n}\n.a8ccharts-ZtDY-Q {\n  opacity: 0.4;\n}\n.a8ccharts-ZtDY-Q .a8ccharts-2H65Kr {\n  text-decoration: line-through;\n}\n\n.a8ccharts-2H65Kr {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  /* Text wrapping is handled at the text level, not the label container */\n}\n\n.a8ccharts-faSDBI {\n  overflow-wrap: break-word;\n  white-space: normal;\n  hyphens: auto;\n}\n.a8ccharts-FISUIO {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 1;\n  min-width: 0;\n}\n\n.a8ccharts-DTZlT- {\n  font-weight: 500;\n  flex-shrink: 0;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,YAAU;AACV,WAAS;AACT,kBAAgB;AAClB;;;ACNA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,OAAK;AACP;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AACA,CALC,gBAKgB,CAAC;AAChB,eAAa;AACf;AACA,CARC,gBAQgB,CAAC;AAChB,eAAa;AACf;AACA,CAXC,gBAWgB,CAAC;AAChB,eAAa;AACf;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAZC;AAahB,mBAAiB;AACnB;AACA,CAAC;AACC,YAAU;AACZ;AACA,CAHC,gBAGgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CANC,gBAMgB,CAxBC;AAyBhB,mBAAiB;AACnB;AACA,CATC,gBASgB,CAxBC;AAyBhB,mBAAiB;AACnB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,aAAW;AACb;AACA,CAAC;AACC,UAAQ;AACR,eAAa;AACb,cAAY,QAAQ,KAAK;AAC3B;AACA,CALC,gBAKgB;AACf,WAAS;AACX;AACA,CARC,gBAQgB;AACf,WAAS,IAAI,MAAM;AACnB,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAbC,gBAagB,MAAM,KAAK;AAC1B,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAHC,iBAGiB,CAAC;AACjB,mBAAiB;AACnB;AAEA,CAJmB;AAKjB,WAAS;AACT,eAAa;AACb,OAAK;AAEP;AAEA,CAAC;AACC,iBAAe;AACf,eAAa;AACb,WAAS;AACX;AACA,CAAC;AACC,eAAa;AACb,YAAU;AACV,iBAAe;AACf,eAAa;AACb,aAAW;AACb;AAEA,CAAC;AACC,eAAa;AACb,eAAa;AACf;","names":[]}

package/dist/components/legend/index.d.cts

@@ -1,37 +0,0 @@
-export { L as Legend } from '../../legend-C2grwnWk.cjs';
-import { j as SeriesData, c as DataPointDate, d as DataPointPercentage } from '../../types-DZordNiO.cjs';
-import { B as BaseLegendItem } from '../../types-I67mddpr.cjs';
-export { c as BaseLegendProps, L as LegendItemStyles, a as LegendLabelStyles, d as LegendProps, b as LegendShapeStyles } from '../../types-I67mddpr.cjs';
-import { LegendShape } from '@visx/legend/lib/types';
-import { GlyphProps } from '@visx/xychart';
-import { ReactNode } from 'react';
-import '@visx/annotation/lib/components/CircleSubject';
-import '@visx/annotation/lib/components/Connector';
-import '@visx/annotation/lib/components/Label';
-import '@visx/annotation/lib/components/LineSubject';
-import '@visx/axis';
-import '@visx/scale';
-import '@visx/text/lib/Text';
-import '@wordpress/theme';
-import 'react-google-charts';
-import '@visx/legend';
-
-type LegendValueDisplay = 'percentage' | 'value' | 'valueDisplay' | 'none';
-interface ChartLegendOptions {
-    withGlyph?: boolean;
-    glyphSize?: number;
-    renderGlyph?: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
-    showValues?: boolean;
-    legendValueDisplay?: LegendValueDisplay;
-    legendShape?: LegendShape<SeriesData[], number>;
-}
-/**
- * Hook to transform chart data into legend items
- * @param data        - The chart data to transform
- * @param options     - Configuration options for legend generation
- * @param legendShape - The shape type for legend items (string literal or React component)
- * @return Array of legend items ready for display
- */
-declare function useChartLegendItems<T extends SeriesData[] | DataPointDate[] | DataPointPercentage[]>(data: T, options?: ChartLegendOptions, legendShape?: LegendShape<SeriesData[], number>): BaseLegendItem[];
-
-export { BaseLegendItem, type ChartLegendOptions, type LegendValueDisplay, useChartLegendItems };

package/dist/components/legend/index.d.ts

@@ -1,37 +0,0 @@
-export { L as Legend } from '../../legend-Cj0xM5dU.js';
-import { j as SeriesData, c as DataPointDate, d as DataPointPercentage } from '../../types-DZordNiO.js';
-import { B as BaseLegendItem } from '../../types-I67mddpr.js';
-export { c as BaseLegendProps, L as LegendItemStyles, a as LegendLabelStyles, d as LegendProps, b as LegendShapeStyles } from '../../types-I67mddpr.js';
-import { LegendShape } from '@visx/legend/lib/types';
-import { GlyphProps } from '@visx/xychart';
-import { ReactNode } from 'react';
-import '@visx/annotation/lib/components/CircleSubject';
-import '@visx/annotation/lib/components/Connector';
-import '@visx/annotation/lib/components/Label';
-import '@visx/annotation/lib/components/LineSubject';
-import '@visx/axis';
-import '@visx/scale';
-import '@visx/text/lib/Text';
-import '@wordpress/theme';
-import 'react-google-charts';
-import '@visx/legend';
-
-type LegendValueDisplay = 'percentage' | 'value' | 'valueDisplay' | 'none';
-interface ChartLegendOptions {
-    withGlyph?: boolean;
-    glyphSize?: number;
-    renderGlyph?: <Datum extends object>(props: GlyphProps<Datum>) => ReactNode;
-    showValues?: boolean;
-    legendValueDisplay?: LegendValueDisplay;
-    legendShape?: LegendShape<SeriesData[], number>;
-}
-/**
- * Hook to transform chart data into legend items
- * @param data        - The chart data to transform
- * @param options     - Configuration options for legend generation
- * @param legendShape - The shape type for legend items (string literal or React component)
- * @return Array of legend items ready for display
- */
-declare function useChartLegendItems<T extends SeriesData[] | DataPointDate[] | DataPointPercentage[]>(data: T, options?: ChartLegendOptions, legendShape?: LegendShape<SeriesData[], number>): BaseLegendItem[];
-
-export { BaseLegendItem, type ChartLegendOptions, type LegendValueDisplay, useChartLegendItems };

package/dist/components/legend/index.js

@@ -1,11 +0,0 @@
-import {
-  Legend,
-  useChartLegendItems
-} from "../../chunk-32DH6JDF.js";
-import "../../chunk-DAU3HNEG.js";
-import "../../chunk-G3PMV62Z.js";
-export {
-  Legend,
-  useChartLegendItems
-};
-//# sourceMappingURL=index.js.map