@automattic/charts 0.56.2 → 0.56.4

package/dist/chunk-4YYROZDJ.cjs

@@ -0,0 +1,375 @@
+"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 _chunkLSV7F26Bcjs = require('./chunk-LSV7F26B.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 = _chunkLSV7F26Bcjs.useGlobalChartsTheme.call(void 0, );
+  const chartId = _chunkLSV7F26Bcjs.useChartId.call(void 0, providedChartId);
+  const [legendRef, legendHeight] = _chunkLSV7F26Bcjs.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
+  } = _chunkLSV7F26Bcjs.useGlobalChartsContext.call(void 0, );
+  const {
+    visibleData,
+    allSegmentsHidden,
+    legendData
+  } = _chunkLSV7F26Bcjs.useInteractiveLegendData.call(void 0, {
+    data,
+    chartId,
+    legendInteractive,
+    isSeriesVisible
+  });
+  const legendOptions = _react.useMemo.call(void 0, () => ({
+    showValues: true,
+    legendValueDisplay
+  }), [legendValueDisplay]);
+  const legendItems = _chunkLSV7F26Bcjs.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]);
+  _chunkLSV7F26Bcjs.useChartRegistration.call(void 0, {
+    chartId,
+    legendItems,
+    chartType: "pie",
+    isDataValid: isValid,
+    metadata: chartMetadata
+  });
+  const prefersReducedMotion = _chunkLSV7F26Bcjs.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, _chunkLSV7F26Bcjs.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, _chunkLSV7F26Bcjs.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, _chunkLSV7F26Bcjs.GlobalChartsContext);
+  if (existingContext) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieChartInternal, {
+      ...props
+    });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLSV7F26Bcjs.GlobalChartsProvider, {
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieChartInternal, {
+      ...props
+    })
+  });
+};
+PieChartWithProvider.displayName = "PieChart";
+var PieChart = _chunkZVGEDXDPcjs.attachSubComponents.call(void 0, PieChartWithProvider, {
+  Legend: _chunkLSV7F26Bcjs.Legend,
+  SVG: _chunkRCY6XLGUcjs.ChartSVG,
+  HTML: _chunkRCY6XLGUcjs.ChartHTML
+});
+var PieChartResponsive = _chunkZVGEDXDPcjs.attachSubComponents.call(void 0, _chunk7QDEU3KNcjs.withResponsive.call(void 0, PieChartWithProvider), {
+  Legend: _chunkLSV7F26Bcjs.Legend,
+  SVG: _chunkRCY6XLGUcjs.ChartSVG,
+  HTML: _chunkRCY6XLGUcjs.ChartHTML
+});
+
+
+
+
+exports.PieChart = PieChart; exports.PieChartResponsive = PieChartResponsive;
+//# sourceMappingURL=chunk-4YYROZDJ.cjs.map

package/dist/chunk-4YYROZDJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-4YYROZDJ.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-4YYROZDJ.cjs","sourcesContent":[null,"import { Group } from '@visx/group';\nimport { Pie } from '@visx/shape';\nimport { useTooltip, useTooltipInPortal } from '@visx/tooltip';\nimport { __ } from '@wordpress/i18n';\nimport clsx from 'clsx';\nimport { useCallback, useContext, useMemo } from 'react';\nimport { Legend, useChartLegendItems } from '../../components/legend';\nimport { BaseTooltip } from '../../components/tooltip';\nimport { useElementHeight, 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  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}) => {\n  const providerTheme = useGlobalChartsTheme();\n  const chartId = useChartId(providedChartId);\n  const [legendRef, legendHeight] = useElementHeight();\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  const width = size;\n  const height = size;\n  const adjustedHeight = showLegend && legendPosition === 'top' ? height - legendHeight : height;\n\n  // Calculate radius based on width/height\n  const radius = Math.min(width, adjustedHeight) / 2;\n\n  // Center the chart in the available space\n  const centerX = width / 2;\n  const centerY = adjustedHeight / 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  return /*#__PURE__*/_jsx(SingleChartContext.Provider, {\n    value: {\n      chartId,\n      chartWidth: width,\n      chartHeight: adjustedHeight\n    },\n    children: /*#__PURE__*/_jsxs(\"div\", {\n      ref: containerRef,\n      className: clsx('pie-chart', styles['pie-chart'], {\n        [styles['pie-chart--legend-top']]: showLegend && legendPosition === 'top'\n      }, className),\n      children: [/*#__PURE__*/_jsxs(\"svg\", {\n        viewBox: `0 0 ${width} ${adjustedHeight}`,\n        preserveAspectRatio: \"xMidYMid meet\",\n        width: width,\n        height: adjustedHeight,\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                };\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      }), 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['pie-chart-legend'],\n        shape: legendShape,\n        ref: legendRef,\n        chartId: chartId,\n        interactive: legendInteractive\n      }), 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--legend-top\": \"a8ccharts-Mu0uxl\"\n};"]}

package/dist/{chunk-YYQ4IK5V.cjs → chunk-5N77S5N3.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk7UJPVCMBcjs = require('./chunk-7UJPVCMB.cjs');
+var _chunkCERFRCXDcjs = require('./chunk-CERFRCXD.cjs');
 
 
-var _chunkNW3RUYK2cjs = require('./chunk-NW3RUYK2.cjs');
+var _chunk7QDEU3KNcjs = require('./chunk-7QDEU3KN.cjs');
 
 
 
-var _chunkTVV7ZI7Ccjs = require('./chunk-TVV7ZI7C.cjs');
+var _chunkLSV7F26Bcjs = require('./chunk-LSV7F26B.cjs');
 
 // src/charts/bar-list-chart/bar-list-chart.tsx
 var _numberformatters = require('@automattic/number-formatters');
@@ -20,11 +20,36 @@ var getScaleBandwidth = (scale) => {
   const s = scale;
   return s && "bandwidth" in s ? _nullishCoalesce(_optionalChain([s, 'optionalAccess', _ => _.bandwidth, 'call', _2 => _2()]), () => ( 0)) : 0;
 };
-var DefaultLabelComponent = ({ textProps, x, y, label, formatter }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _text.Text, { ...textProps, textAnchor: "start", x, y, children: formatter(label) });
+var DefaultLabelComponent = ({
+  textProps,
+  x,
+  y,
+  label,
+  formatter
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _text.Text, {
+    ...textProps,
+    textAnchor: "start",
+    x,
+    y,
+    children: formatter(label)
+  });
 };
-var DefaultValueComponent = ({ textProps, x, y, value, formatter }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _text.Text, { ...textProps, textAnchor: "end", x, y, fontWeight: 500, children: formatter(value) });
+var DefaultValueComponent = ({
+  textProps,
+  x,
+  y,
+  value,
+  formatter
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _text.Text, {
+    ...textProps,
+    textAnchor: "end",
+    x,
+    y,
+    fontWeight: 500,
+    children: formatter(value)
+  });
 };
 var AxisRenderer = ({
   ticks,
@@ -41,49 +66,47 @@ var AxisRenderer = ({
   if (ticks.length === 0) {
     return null;
   }
-  const allTickLabelProps = ticks.map(
-    ({ value, index }) => typeof tickLabelProps === "function" ? tickLabelProps(value, index, ticks) : {}
-  );
-  return ticks.map(({ from, formattedValue }, index) => {
+  const allTickLabelProps = ticks.map(({
+    value,
+    index
+  }) => typeof tickLabelProps === "function" ? tickLabelProps(value, index, ticks) : {});
+  return ticks.map(({
+    from,
+    formattedValue
+  }, index) => {
     const textProps = _nullishCoalesce(allTickLabelProps[index], () => ( {}));
     delete textProps.textAnchor;
     delete textProps.dx;
-    const sum = data.reduce(
-      (acc, { data: seriesData }) => acc + (_nullishCoalesce(_optionalChain([seriesData, 'access', _3 => _3[index], 'optionalAccess', _4 => _4.value]), () => ( 0))),
-      0
-    );
+    const sum = data.reduce((acc, {
+      data: seriesData
+    }) => acc + (_nullishCoalesce(_optionalChain([seriesData, 'access', _3 => _3[index], 'optionalAccess', _4 => _4.value]), () => ( 0))), 0);
     const y = from.y + yOffset;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _group.Group, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        LabelComponent,
-        {
-          textProps,
-          x: labelPosition,
-          y,
-          label: formattedValue,
-          formatter: labelFormatter
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        ValueComponent,
-        {
-          textProps,
-          x: valuePosition,
-          y,
-          value: sum,
-          formatter: valueFormatter,
-          data,
-          index
-        }
-      )
-    ] }, index);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _group.Group, {
+      children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, LabelComponent, {
+        textProps,
+        x: labelPosition,
+        y,
+        label: formattedValue,
+        formatter: labelFormatter
+      }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ValueComponent, {
+        textProps,
+        x: valuePosition,
+        y,
+        value: sum,
+        formatter: valueFormatter,
+        data,
+        index
+      })]
+    }, index);
   });
 };
 var getDefaultYOffset = (data, yScaleConfig, height, isMultiSeries) => {
   if (!isMultiSeries) {
     return 0;
   }
-  const dataKeys = data.map(({ label }) => label);
+  const dataKeys = data.map(({
+    label
+  }) => label);
   const yScale = _scale.createScale.call(void 0, {
     type: "band",
     range: [0, height],
@@ -141,56 +164,56 @@ var BarListChartInternal = ({
       yOffset: _nullishCoalesce(options.yOffset, () => ( getDefaultYOffset(data, yScale, height, isMultiSeries)))
     };
   }, [options, width, data, height]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7UJPVCMBcjs.BarChart,
-    {
-      orientation: "horizontal",
-      gridVisibility: "none",
-      data,
-      width,
-      height,
-      margin,
-      options: {
-        axis: {
-          y: {
-            children: (renderProps) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              AxisRenderer,
-              {
-                ...renderProps,
-                data,
-                yOffset: chartOptions.yOffset,
-                labelPosition: chartOptions.labelPosition,
-                valuePosition: chartOptions.valuePosition,
-                labelFormatter: chartOptions.labelFormatter,
-                valueFormatter: chartOptions.valueFormatter,
-                LabelComponent: options.labelComponent,
-                ValueComponent: options.valueComponent
-              }
-            )
-          },
-          x: {
-            children: () => null
-          }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCERFRCXDcjs.BarChart, {
+    orientation: "horizontal",
+    gridVisibility: "none",
+    data,
+    width,
+    height,
+    margin,
+    options: {
+      axis: {
+        y: {
+          children: (renderProps) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AxisRenderer, {
+            ...renderProps,
+            data,
+            yOffset: chartOptions.yOffset,
+            labelPosition: chartOptions.labelPosition,
+            valuePosition: chartOptions.valuePosition,
+            labelFormatter: chartOptions.labelFormatter,
+            valueFormatter: chartOptions.valueFormatter,
+            LabelComponent: options.labelComponent,
+            ValueComponent: options.valueComponent
+          })
         },
-        xScale: chartOptions.xScale,
-        yScale: chartOptions.yScale
+        x: {
+          children: () => null
+        }
       },
-      ...rest
-    }
-  );
+      xScale: chartOptions.xScale,
+      yScale: chartOptions.yScale
+    },
+    ...rest
+  });
 };
 var BarListChart = (props) => {
-  const existingContext = _react.useContext.call(void 0, _chunkTVV7ZI7Ccjs.GlobalChartsContext);
+  const existingContext = _react.useContext.call(void 0, _chunkLSV7F26Bcjs.GlobalChartsContext);
   if (existingContext) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BarListChartInternal, { ...props });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BarListChartInternal, {
+      ...props
+    });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTVV7ZI7Ccjs.GlobalChartsProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BarListChartInternal, { ...props }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLSV7F26Bcjs.GlobalChartsProvider, {
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BarListChartInternal, {
+      ...props
+    })
+  });
 };
 BarListChart.displayName = "BarListChart";
-var BarListChartResponsive = _chunkNW3RUYK2cjs.withResponsive.call(void 0, BarListChart);
+var BarListChartResponsive = _chunk7QDEU3KNcjs.withResponsive.call(void 0, BarListChart);
 
 
 
 
 exports.BarListChart = BarListChart; exports.BarListChartResponsive = BarListChartResponsive;
-//# sourceMappingURL=chunk-YYQ4IK5V.cjs.map
+//# sourceMappingURL=chunk-5N77S5N3.cjs.map