@automattic/charts 0.56.2 → 0.56.4

package/dist/{chunk-SRXJLAKG.cjs → chunk-I2276W3I.cjs}

@@ -18,30 +18,26 @@ var DIRECTION_LABELS = {
   down: "Decrease",
   neutral: "No change"
 };
-var Icon = ({ direction }) => {
+var Icon = ({
+  direction
+}) => {
   if (direction === "neutral") {
     return null;
   }
   const isUp = direction === "up";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      className: trend_indicator_module_default["trend-indicator__icon"],
-      viewBox: "0 0 16 16",
-      fill: "none",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "path",
-        {
-          d: isUp ? "M8 13V3M4 7l4-4 4 4" : "M8 3v10M4 9l4 4 4-4",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", {
+    className: trend_indicator_module_default["trend-indicator__icon"],
+    viewBox: "0 0 16 16",
+    fill: "none",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", {
+      d: isUp ? "M8 13V3M4 7l4-4 4 4" : "M8 3v10M4 9l4 4 4-4",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  });
 };
 function TrendIndicator({
   direction,
@@ -51,25 +47,20 @@ function TrendIndicator({
   showIcon = true
 }) {
   const ariaLabel = `${DIRECTION_LABELS[direction]}: ${value}`;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "span",
-    {
-      className: _clsx2.default.call(void 0, 
-        trend_indicator_module_default["trend-indicator"],
-        trend_indicator_module_default[`trend-indicator--${direction}`],
-        className
-      ),
-      style,
-      "aria-label": ariaLabel,
-      children: [
-        showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { direction }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: trend_indicator_module_default["trend-indicator__value"], children: value })
-      ]
-    }
-  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", {
+    className: _clsx2.default.call(void 0, trend_indicator_module_default["trend-indicator"], trend_indicator_module_default[`trend-indicator--${direction}`], className),
+    style,
+    "aria-label": ariaLabel,
+    children: [showIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, {
+      direction
+    }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", {
+      className: trend_indicator_module_default["trend-indicator__value"],
+      children: value
+    })]
+  });
 }
 
 
 
 exports.TrendIndicator = TrendIndicator;
-//# sourceMappingURL=chunk-SRXJLAKG.cjs.map
+//# sourceMappingURL=chunk-I2276W3I.cjs.map

package/dist/chunk-I2276W3I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-I2276W3I.cjs","../src/components/trend-indicator/trend-indicator.tsx","../src/components/trend-indicator/trend-indicator.module.scss"],"names":[],"mappings":"AAAA;ACAA,wEAAiB;ADEjB;AACA;AEH8E,IAAO,+BAAA,EAAQ;AAAA,EAC3F,iBAAA,EAAmB,kBAAA;AAAA,EACnB,qBAAA,EAAuB,kBAAA;AAAA,EACvB,uBAAA,EAAyB,kBAAA;AAAA,EACzB,0BAAA,EAA4B,kBAAA;AAAA,EAC5B,uBAAA,EAAyB,kBAAA;AAAA,EACzB,wBAAA,EAA0B;AAC5B,CAAA;AFKA;AACA;ACXA,+CAA2C;AAC3C,IAAM,iBAAA,EAAmB;AAAA,EACvB,EAAA,EAAI,UAAA;AAAA,EACJ,IAAA,EAAM,UAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAA;AACA,IAAM,KAAA,EAAO,CAAC;AAAA,EACZ;AACF,CAAA,EAAA,GAAM;AACJ,EAAA,GAAA,CAAI,UAAA,IAAc,SAAA,EAAW;AAC3B,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,MAAM,KAAA,EAAO,UAAA,IAAc,IAAA;AAC3B,EAAA,uBAAoB,6BAAA,KAAK,EAAO;AAAA,IAC9B,SAAA,EAAW,8BAAA,CAAO,uBAAuB,CAAA;AAAA,IACzC,OAAA,EAAS,WAAA;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,aAAA,EAAe,MAAA;AAAA,IACf,QAAA,kBAAuB,6BAAA,MAAK,EAAQ;AAAA,MAClC,CAAA,EAAG,KAAA,EAAO,sBAAA,EAAwB,qBAAA;AAAA,MAClC,MAAA,EAAQ,cAAA;AAAA,MACR,WAAA,EAAa,KAAA;AAAA,MACb,aAAA,EAAe,OAAA;AAAA,MACf,cAAA,EAAgB;AAAA,IAClB,CAAC;AAAA,EACH,CAAC,CAAA;AACH,CAAA;AASO,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,EAAW;AACb,CAAA,EAAG;AACD,EAAA,MAAM,UAAA,EAAY,CAAA,EAAA;AACE,EAAA;AACF,IAAA;AAChB,IAAA;AACc,IAAA;AACH,IAAA;AACT,MAAA;AACe,IAAA;AACJ,MAAA;AACD,MAAA;AACV,IAAA;AACH,EAAA;AACH;ADKqB;AACA;AACA;AACA","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-I2276W3I.cjs","sourcesContent":[null,"import clsx from 'clsx';\nimport styles from './trend-indicator.module.scss';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst DIRECTION_LABELS = {\n  up: 'Increase',\n  down: 'Decrease',\n  neutral: 'No change'\n};\nconst Icon = ({\n  direction\n}) => {\n  if (direction === 'neutral') {\n    return null;\n  }\n  const isUp = direction === 'up';\n  return /*#__PURE__*/_jsx(\"svg\", {\n    className: styles['trend-indicator__icon'],\n    viewBox: \"0 0 16 16\",\n    fill: \"none\",\n    \"aria-hidden\": \"true\",\n    children: /*#__PURE__*/_jsx(\"path\", {\n      d: isUp ? 'M8 13V3M4 7l4-4 4 4' : 'M8 3v10M4 9l4 4 4-4',\n      stroke: \"currentColor\",\n      strokeWidth: \"1.5\",\n      strokeLinecap: \"round\",\n      strokeLinejoin: \"round\"\n    })\n  });\n};\n\n/**\n * TrendIndicator displays a directional trend with a value.\n * Used to show percentage changes or growth metrics.\n *\n * @param {TrendIndicatorProps} props - Component props\n * @return {JSX.Element} The rendered trend indicator\n */\nexport function TrendIndicator({\n  direction,\n  value,\n  className,\n  style,\n  showIcon = true\n}) {\n  const ariaLabel = `${DIRECTION_LABELS[direction]}: ${value}`;\n  return /*#__PURE__*/_jsxs(\"span\", {\n    className: clsx(styles['trend-indicator'], styles[`trend-indicator--${direction}`], className),\n    style: style,\n    \"aria-label\": ariaLabel,\n    children: [showIcon && /*#__PURE__*/_jsx(Icon, {\n      direction: direction\n    }), /*#__PURE__*/_jsx(\"span\", {\n      className: styles['trend-indicator__value'],\n      children: value\n    })]\n  });\n}","import 'css-chunk:src/components/trend-indicator/trend-indicator.module.scss';export default {\n  \"trend-indicator\": \"a8ccharts-tGw1PY\",\n  \"trend-indicator--up\": \"a8ccharts-Fn-D1W\",\n  \"trend-indicator--down\": \"a8ccharts-HqtGQO\",\n  \"trend-indicator--neutral\": \"a8ccharts-S10nvO\",\n  \"trend-indicator__icon\": \"a8ccharts-5HjpOT\",\n  \"trend-indicator__value\": \"a8ccharts-muLL2Q\"\n};"]}

package/dist/chunk-KKPZ4MVF.js

@@ -0,0 +1,375 @@
+import {
+  getStringWidth
+} from "./chunk-NFRB2POF.js";
+import {
+  radial_wipe_animation_default
+} from "./chunk-KXRWNFQJ.js";
+import {
+  ChartHTML,
+  ChartSVG,
+  useChartChildren
+} from "./chunk-6CCZL2JJ.js";
+import {
+  BaseTooltip
+} from "./chunk-BPYKWMI7.js";
+import {
+  withResponsive
+} from "./chunk-TYIH5LMV.js";
+import {
+  GlobalChartsContext,
+  GlobalChartsProvider,
+  Legend,
+  SingleChartContext,
+  useChartId,
+  useChartLegendItems,
+  useChartRegistration,
+  useElementHeight,
+  useGlobalChartsContext,
+  useGlobalChartsTheme,
+  useInteractiveLegendData,
+  usePrefersReducedMotion
+} from "./chunk-AWNCAKZY.js";
+import {
+  attachSubComponents
+} from "./chunk-TE63Y5PX.js";
+
+// src/charts/pie-chart/pie-chart.tsx
+import { Group } from "@visx/group";
+import { Pie } from "@visx/shape";
+import { useTooltip, useTooltipInPortal } from "@visx/tooltip";
+import { __ } from "@wordpress/i18n";
+import clsx from "clsx";
+import { useCallback, useContext, useMemo } from "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
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var renderDefaultPieTooltip = ({
+  tooltipData
+}) => {
+  return /* @__PURE__ */ _jsx(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 = useGlobalChartsTheme();
+  const chartId = useChartId(providedChartId);
+  const [legendRef, legendHeight] = useElementHeight();
+  const {
+    tooltipOpen,
+    tooltipLeft,
+    tooltipTop,
+    tooltipData,
+    hideTooltip,
+    showTooltip
+  } = useTooltip();
+  const {
+    containerRef,
+    TooltipInPortal,
+    containerBounds
+  } = useTooltipInPortal({
+    detectBounds: true,
+    scroll: true,
+    debounce: 0
+  });
+  const onMouseLeave = useCallback(() => {
+    if (!withTooltips) {
+      return;
+    }
+    hideTooltip();
+  }, [withTooltips, hideTooltip]);
+  const {
+    getElementStyles,
+    isSeriesVisible
+  } = useGlobalChartsContext();
+  const {
+    visibleData,
+    allSegmentsHidden,
+    legendData
+  } = useInteractiveLegendData({
+    data,
+    chartId,
+    legendInteractive,
+    isSeriesVisible
+  });
+  const legendOptions = useMemo(() => ({
+    showValues: true,
+    legendValueDisplay
+  }), [legendValueDisplay]);
+  const legendItems = useChartLegendItems(legendData, legendOptions);
+  const {
+    isValid,
+    message
+  } = validateData(data);
+  const {
+    svgChildren,
+    htmlChildren,
+    otherChildren
+  } = useChartChildren(children, "PieChart");
+  const chartMetadata = useMemo(() => ({
+    thickness,
+    gapScale,
+    cornerScale
+  }), [thickness, gapScale, cornerScale]);
+  useChartRegistration({
+    chartId,
+    legendItems,
+    chartType: "pie",
+    isDataValid: isValid,
+    metadata: chartMetadata
+  });
+  const prefersReducedMotion = usePrefersReducedMotion();
+  if (!isValid) {
+    return /* @__PURE__ */ _jsx("div", {
+      className: clsx("pie-chart", pie_chart_module_default["pie-chart"], className),
+      children: /* @__PURE__ */ _jsx("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__ */ _jsx(SingleChartContext.Provider, {
+    value: {
+      chartId,
+      chartWidth: width,
+      chartHeight: adjustedHeight
+    },
+    children: /* @__PURE__ */ _jsxs("div", {
+      ref: containerRef,
+      className: clsx("pie-chart", pie_chart_module_default["pie-chart"], {
+        [pie_chart_module_default["pie-chart--legend-top"]]: showLegend && legendPosition === "top"
+      }, className),
+      children: [/* @__PURE__ */ _jsxs("svg", {
+        viewBox: `0 0 ${width} ${adjustedHeight}`,
+        preserveAspectRatio: "xMidYMid meet",
+        width,
+        height: adjustedHeight,
+        children: [/* @__PURE__ */ _jsx("defs", {
+          children: /* @__PURE__ */ _jsx(radial_wipe_animation_default, {
+            id: `radial-wipe-${chartId}`,
+            radius: outerRadius,
+            innerRadius
+          })
+        }), /* @__PURE__ */ _jsxs(Group, {
+          top: centerY,
+          left: centerX,
+          mask: animation && !prefersReducedMotion ? `url(#radial-wipe-${chartId})` : null,
+          children: [allSegmentsHidden ? /* @__PURE__ */ _jsx("text", {
+            textAnchor: "middle",
+            dy: ".33em",
+            fill: providerTheme.gridColor || "#ccc",
+            fontSize: "14",
+            fontFamily: "-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif",
+            children: __("All segments are hidden. Click legend items to show data.", "jetpack-charts")
+          }) : /* @__PURE__ */ _jsx(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 = getStringWidth(arc.data.label, {
+                  fontSize
+                });
+                const labelPadding = 6;
+                const backgroundWidth = estimatedTextWidth + labelPadding * 2;
+                const backgroundHeight = fontSize + labelPadding * 2;
+                return /* @__PURE__ */ _jsxs("g", {
+                  ...groupProps,
+                  children: [/* @__PURE__ */ _jsx("path", {
+                    ...pathProps
+                  }), showLabels && hasSpaceForLabel && /* @__PURE__ */ _jsxs("g", {
+                    children: [providerTheme.labelBackgroundColor && /* @__PURE__ */ _jsx("rect", {
+                      x: centroidX - backgroundWidth / 2,
+                      y: centroidY - backgroundHeight / 2,
+                      width: backgroundWidth,
+                      height: backgroundHeight,
+                      fill: providerTheme.labelBackgroundColor,
+                      rx: 4,
+                      ry: 4,
+                      pointerEvents: "none"
+                    }), /* @__PURE__ */ _jsx("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__ */ _jsx(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__ */ _jsx(TooltipInPortal, {
+        top: tooltipTop || 0,
+        left: tooltipLeft || 0,
+        children: /* @__PURE__ */ _jsx("div", {
+          role: "tooltip",
+          children: renderTooltip({
+            tooltipData
+          })
+        })
+      }), htmlChildren, otherChildren]
+    })
+  });
+};
+var PieChartWithProvider = (props) => {
+  const existingContext = useContext(GlobalChartsContext);
+  if (existingContext) {
+    return /* @__PURE__ */ _jsx(PieChartInternal, {
+      ...props
+    });
+  }
+  return /* @__PURE__ */ _jsx(GlobalChartsProvider, {
+    children: /* @__PURE__ */ _jsx(PieChartInternal, {
+      ...props
+    })
+  });
+};
+PieChartWithProvider.displayName = "PieChart";
+var PieChart = attachSubComponents(PieChartWithProvider, {
+  Legend,
+  SVG: ChartSVG,
+  HTML: ChartHTML
+});
+var PieChartResponsive = attachSubComponents(withResponsive(PieChartWithProvider), {
+  Legend,
+  SVG: ChartSVG,
+  HTML: ChartHTML
+});
+
+export {
+  PieChart,
+  PieChartResponsive
+};
+//# sourceMappingURL=chunk-KKPZ4MVF.js.map

package/dist/chunk-KKPZ4MVF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/pie-chart/pie-chart.tsx","../src/charts/pie-chart/pie-chart.module.scss"],"sourcesContent":["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};"],"mappings":"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","names":[]}