@automattic/charts 0.56.3 → 0.56.5

package/dist/chunk-7TQSPLIN.js

@@ -0,0 +1,351 @@
+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,
+  useInteractiveLegendData,
+  usePrefersReducedMotion
+} from "./chunk-32ESS4MV.js";
+import {
+  attachSubComponents
+} from "./chunk-TE63Y5PX.js";
+
+// src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx
+import { Group } from "@visx/group";
+import { Pie } from "@visx/shape";
+import { Text } from "@visx/text";
+import { useTooltip, useTooltipInPortal } from "@visx/tooltip";
+import { __ } from "@wordpress/i18n";
+import clsx from "clsx";
+import { useCallback, useContext, useMemo } from "react";
+
+// src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss
+var pie_semi_circle_chart_module_default = {
+  "pie-semi-circle-chart": "a8ccharts-8tyaQj",
+  "pie-semi-circle-chart--legend-top": "a8ccharts-M1lF7A",
+  "label": "a8ccharts-EKZS3j",
+  "note": "a8ccharts-v85A8-"
+};
+
+// src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+var renderDefaultPieSemiCircleTooltip = ({
+  tooltipData
+}) => {
+  return /* @__PURE__ */ _jsx(BaseTooltip, {
+    data: tooltipData,
+    top: 0,
+    left: 0,
+    renderContainer: false
+  });
+};
+var PAD_ANGLE = 0.03;
+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 (totalPercentage <= 0) {
+    return {
+      isValid: false,
+      message: "Invalid percentage total: Must be greater than 0"
+    };
+  }
+  return {
+    isValid: true,
+    message: ""
+  };
+};
+var PieSemiCircleChartInternal = ({
+  data,
+  chartId: providedChartId,
+  width = 400,
+  thickness = 0.4,
+  clockwise = true,
+  withTooltips = false,
+  showLegend = false,
+  legendOrientation = "horizontal",
+  legendPosition = "bottom",
+  legendAlignment = "center",
+  legendMaxWidth,
+  legendTextOverflow = "wrap",
+  legendItemClassName,
+  legendShape = "circle",
+  legendValueDisplay = "percentage",
+  legendInteractive = false,
+  label,
+  animation,
+  note,
+  className,
+  children,
+  tooltipOffsetX = 0,
+  tooltipOffsetY = -15,
+  renderTooltip = renderDefaultPieSemiCircleTooltip
+}) => {
+  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 handleMouseMove = useCallback((event, arc) => {
+    if (containerBounds.width === 0 || containerBounds.height === 0) {
+      return;
+    }
+    showTooltip({
+      tooltipData: arc.data,
+      tooltipLeft: event.clientX - containerBounds.left + tooltipOffsetX,
+      tooltipTop: event.clientY - containerBounds.top + tooltipOffsetY
+    });
+  }, [containerBounds.width, containerBounds.height, containerBounds.left, containerBounds.top, showTooltip, tooltipOffsetX, tooltipOffsetY]);
+  const handleMouseLeave = useCallback(() => {
+    hideTooltip();
+  }, [hideTooltip]);
+  const handleArcMouseMove = useCallback((arc) => (event) => {
+    handleMouseMove(event, arc);
+  }, [handleMouseMove]);
+  const {
+    isValid,
+    message
+  } = validateData(data);
+  const {
+    getElementStyles,
+    isSeriesVisible
+  } = useGlobalChartsContext();
+  const {
+    visibleData,
+    allSegmentsHidden,
+    legendData
+  } = useInteractiveLegendData({
+    data,
+    chartId,
+    legendInteractive,
+    isSeriesVisible
+  });
+  const accessors = useMemo(() => ({
+    value: (d) => d.value,
+    sort: (a, b) => b.value - a.value,
+    fill: (d) => getElementStyles({
+      data: d,
+      index: d.index
+    }).color
+  }), [getElementStyles]);
+  const legendOptions = useMemo(() => ({
+    showValues: true,
+    legendValueDisplay
+  }), [legendValueDisplay]);
+  const legendItems = useChartLegendItems(legendData, legendOptions);
+  const {
+    svgChildren,
+    htmlChildren,
+    otherChildren
+  } = useChartChildren(children, "PieSemiCircleChart");
+  const chartMetadata = useMemo(() => ({
+    thickness,
+    clockwise
+  }), [thickness, clockwise]);
+  useChartRegistration({
+    chartId,
+    legendItems,
+    chartType: "pie-semi-circle",
+    isDataValid: isValid,
+    metadata: chartMetadata
+  });
+  const prefersReducedMotion = usePrefersReducedMotion();
+  if (!isValid) {
+    return /* @__PURE__ */ _jsx("div", {
+      className: pie_semi_circle_chart_module_default["pie-semi-circle-chart"],
+      children: /* @__PURE__ */ _jsx("svg", {
+        width,
+        height: width / 2,
+        children: /* @__PURE__ */ _jsx("text", {
+          x: "50%",
+          y: "50%",
+          textAnchor: "middle",
+          className: pie_semi_circle_chart_module_default.error,
+          children: message
+        })
+      })
+    });
+  }
+  const height = width / 2;
+  const chartHeight = height - (showLegend && legendPosition === "top" ? legendHeight : 0);
+  const radius = Math.min(width / 2, chartHeight);
+  const innerRadius = radius * (1 - thickness);
+  const dataWithIndex = visibleData.map((d) => {
+    const originalIndex = data.findIndex((item) => item.label === d.label);
+    return {
+      ...d,
+      index: originalIndex >= 0 ? originalIndex : 0
+    };
+  });
+  const startAngle = clockwise ? -Math.PI / 2 : Math.PI / 2;
+  const endAngle = clockwise ? Math.PI / 2 : -Math.PI / 2;
+  return /* @__PURE__ */ _jsx(SingleChartContext.Provider, {
+    value: {
+      chartId,
+      chartWidth: width,
+      chartHeight: radius
+    },
+    children: /* @__PURE__ */ _jsxs("div", {
+      ref: containerRef,
+      className: clsx("pie-semi-circle-chart", pie_semi_circle_chart_module_default["pie-semi-circle-chart"], {
+        [pie_semi_circle_chart_module_default["pie-semi-circle-chart--legend-top"]]: showLegend && legendPosition === "top"
+      }, className),
+      children: [/* @__PURE__ */ _jsxs("svg", {
+        width,
+        height: radius,
+        viewBox: `0 0 ${width} ${chartHeight}`,
+        children: [/* @__PURE__ */ _jsx("defs", {
+          children: /* @__PURE__ */ _jsx(radial_wipe_animation_default, {
+            id: `radial-wipe-${chartId}`,
+            radius,
+            innerRadius,
+            startAngle: "-180deg",
+            wipePercentage: 50
+          })
+        }), /* @__PURE__ */ _jsx(Group, {
+          top: chartHeight,
+          left: width / 2,
+          mask: animation && !prefersReducedMotion ? `url(#radial-wipe-${chartId})` : null,
+          children: allSegmentsHidden ? /* @__PURE__ */ _jsx("text", {
+            textAnchor: "middle",
+            y: -radius / 2,
+            fill: "#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__ */ _jsxs(_Fragment, {
+            children: [/* @__PURE__ */ _jsx(Pie, {
+              data: dataWithIndex,
+              pieValue: accessors.value,
+              outerRadius: radius,
+              innerRadius,
+              cornerRadius: 3,
+              padAngle: PAD_ANGLE,
+              startAngle,
+              endAngle,
+              pieSort: accessors.sort,
+              children: (pie) => {
+                return pie.arcs.map((arc) => /* @__PURE__ */ _jsx("g", {
+                  onMouseMove: withTooltips ? handleArcMouseMove(arc) : void 0,
+                  onMouseLeave: withTooltips ? handleMouseLeave : void 0,
+                  children: /* @__PURE__ */ _jsx("path", {
+                    d: pie.path(arc) || "",
+                    fill: accessors.fill(arc.data)
+                  })
+                }, arc.data.label));
+              }
+            }), /* @__PURE__ */ _jsxs(Group, {
+              children: [/* @__PURE__ */ _jsx(Text, {
+                textAnchor: "middle",
+                verticalAnchor: "start",
+                y: -40,
+                className: pie_semi_circle_chart_module_default.label,
+                children: label
+              }), /* @__PURE__ */ _jsx(Text, {
+                textAnchor: "middle",
+                verticalAnchor: "start",
+                y: -20,
+                className: pie_semi_circle_chart_module_default.note,
+                children: note
+              })]
+            }), !allSegmentsHidden && svgChildren]
+          })
+        })]
+      }), withTooltips && tooltipOpen && tooltipData && /* @__PURE__ */ _jsx(TooltipInPortal, {
+        top: tooltipTop || 0,
+        left: tooltipLeft || 0,
+        children: /* @__PURE__ */ _jsx("div", {
+          role: "tooltip",
+          children: renderTooltip({
+            tooltipData
+          })
+        })
+      }), showLegend && /* @__PURE__ */ _jsx(Legend, {
+        orientation: legendOrientation,
+        position: legendPosition,
+        alignment: legendAlignment,
+        maxWidth: legendMaxWidth,
+        textOverflow: legendTextOverflow,
+        legendItemClassName,
+        shape: legendShape,
+        ref: legendRef,
+        chartId,
+        interactive: legendInteractive
+      }), htmlChildren, otherChildren]
+    })
+  });
+};
+var PieSemiCircleChartWithProvider = (props) => {
+  const existingContext = useContext(GlobalChartsContext);
+  if (existingContext) {
+    return /* @__PURE__ */ _jsx(PieSemiCircleChartInternal, {
+      ...props
+    });
+  }
+  return /* @__PURE__ */ _jsx(GlobalChartsProvider, {
+    children: /* @__PURE__ */ _jsx(PieSemiCircleChartInternal, {
+      ...props
+    })
+  });
+};
+PieSemiCircleChartWithProvider.displayName = "PieSemiCircleChart";
+var PieSemiCircleChart = attachSubComponents(PieSemiCircleChartWithProvider, {
+  Legend,
+  SVG: ChartSVG,
+  HTML: ChartHTML
+});
+var PieSemiCircleChartResponsive = attachSubComponents(withResponsive(PieSemiCircleChartWithProvider), {
+  Legend,
+  SVG: ChartSVG,
+  HTML: ChartHTML
+});
+
+export {
+  PieSemiCircleChart,
+  PieSemiCircleChartResponsive
+};
+//# sourceMappingURL=chunk-7TQSPLIN.js.map

package/dist/chunk-7TQSPLIN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx","../src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss"],"sourcesContent":["import { Group } from '@visx/group';\nimport { Pie } from '@visx/shape';\nimport { Text } from '@visx/text';\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, GlobalChartsContext } from '../../providers';\nimport { attachSubComponents } from '../../utils';\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-semi-circle-chart.module.scss';\n\n/**\n * Parameters passed to the renderTooltip function for semi-circle charts.\n */\nimport { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\n/**\n * Default tooltip renderer for semi-circle pie charts.\n * Renders a BaseTooltip with the hovered segment's data.\n *\n * @param {PieSemiCircleChartRenderTooltipParams} params - The tooltip parameters containing the hovered data point\n * @return {ReactNode} The rendered tooltip content\n */\nconst renderDefaultPieSemiCircleTooltip = ({\n  tooltipData\n}) => {\n  return /*#__PURE__*/_jsx(BaseTooltip, {\n    data: tooltipData,\n    top: 0,\n    left: 0,\n    renderContainer: false\n  });\n};\nconst PAD_ANGLE = 0.03; // Padding between segments\n\n// Base props type with optional responsive properties\n\n// Composition API types\n\n/**\n * Validates the semi-circle 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 is greater than 0\n  const totalPercentage = data.reduce((sum, item) => sum + item.percentage, 0);\n  if (totalPercentage <= 0) {\n    return {\n      isValid: false,\n      message: 'Invalid percentage total: Must be greater than 0'\n    };\n  }\n  return {\n    isValid: true,\n    message: ''\n  };\n};\nconst PieSemiCircleChartInternal = ({\n  data,\n  chartId: providedChartId,\n  width = 400,\n  thickness = 0.4,\n  clockwise = true,\n  withTooltips = false,\n  showLegend = false,\n  legendOrientation = 'horizontal',\n  legendPosition = 'bottom',\n  legendAlignment = 'center',\n  legendMaxWidth,\n  legendTextOverflow = 'wrap',\n  legendItemClassName,\n  legendShape = 'circle',\n  legendValueDisplay = 'percentage',\n  legendInteractive = false,\n  label,\n  animation,\n  note,\n  className,\n  children,\n  tooltipOffsetX = 0,\n  tooltipOffsetY = -15,\n  renderTooltip = renderDefaultPieSemiCircleTooltip\n}) => {\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 handleMouseMove = useCallback((event, arc) => {\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  }, [containerBounds.width, containerBounds.height, containerBounds.left, containerBounds.top, showTooltip, tooltipOffsetX, tooltipOffsetY]);\n  const handleMouseLeave = useCallback(() => {\n    hideTooltip();\n  }, [hideTooltip]);\n  const handleArcMouseMove = useCallback(arc => event => {\n    handleMouseMove(event, arc);\n  }, [handleMouseMove]);\n\n  // Validate data first to get validation result\n  const {\n    isValid,\n    message\n  } = validateData(data);\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  // Define accessors with useMemo to avoid changing dependencies\n  const accessors = useMemo(() => ({\n    value: d => d.value,\n    sort: (a, b) => b.value - a.value,\n    fill: d => getElementStyles({\n      data: d,\n      index: d.index\n    }).color\n  }), [getElementStyles]);\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\n  // Process children to extract compound components\n  const {\n    svgChildren,\n    htmlChildren,\n    otherChildren\n  } = useChartChildren(children, 'PieSemiCircleChart');\n\n  // Memoize metadata to prevent unnecessary re-registration\n  const chartMetadata = useMemo(() => ({\n    thickness,\n    clockwise\n  }), [thickness, clockwise]);\n\n  // Register chart with context only if data is valid\n  useChartRegistration({\n    chartId,\n    legendItems,\n    chartType: 'pie-semi-circle',\n    isDataValid: isValid,\n    metadata: chartMetadata\n  });\n  const prefersReducedMotion = usePrefersReducedMotion();\n  if (!isValid) {\n    return /*#__PURE__*/_jsx(\"div\", {\n      className: styles['pie-semi-circle-chart'],\n      children: /*#__PURE__*/_jsx(\"svg\", {\n        width: width,\n        height: width / 2,\n        children: /*#__PURE__*/_jsx(\"text\", {\n          x: \"50%\",\n          y: \"50%\",\n          textAnchor: \"middle\",\n          className: styles.error,\n          children: message\n        })\n      })\n    });\n  }\n\n  // Calculate chart dimensions\n  // TODO: we might want to accept height as a prop in the future, because the height of container might not always be enough.\n  const height = width / 2;\n  // The chart only takes the height minus the legend height.\n  const chartHeight = height - (showLegend && legendPosition === 'top' ? legendHeight : 0);\n  const radius = Math.min(width / 2, chartHeight);\n  const innerRadius = radius * (1 - thickness);\n\n  // Map data with 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\n  // Configure pie angles based on clockwise direction\n  const startAngle = clockwise ? -Math.PI / 2 : Math.PI / 2;\n  const endAngle = clockwise ? Math.PI / 2 : -Math.PI / 2;\n  return /*#__PURE__*/_jsx(SingleChartContext.Provider, {\n    value: {\n      chartId,\n      chartWidth: width,\n      chartHeight: radius\n    },\n    children: /*#__PURE__*/_jsxs(\"div\", {\n      ref: containerRef,\n      className: clsx('pie-semi-circle-chart', styles['pie-semi-circle-chart'], {\n        [styles['pie-semi-circle-chart--legend-top']]: showLegend && legendPosition === 'top'\n      }, className),\n      children: [/*#__PURE__*/_jsxs(\"svg\", {\n        width: width,\n        height: radius,\n        viewBox: `0 0 ${width} ${chartHeight}`,\n        children: [/*#__PURE__*/_jsx(\"defs\", {\n          children: /*#__PURE__*/_jsx(RadialWipeAnimation, {\n            id: `radial-wipe-${chartId}`,\n            radius: radius,\n            innerRadius: innerRadius,\n            startAngle: \"-180deg\",\n            wipePercentage: 50\n          })\n        }), /*#__PURE__*/_jsx(Group, {\n          top: chartHeight,\n          left: width / 2,\n          mask: animation && !prefersReducedMotion ? `url(#radial-wipe-${chartId})` : null,\n          children: allSegmentsHidden ? /*#__PURE__*/_jsx(\"text\", {\n            textAnchor: \"middle\",\n            y: -radius / 2,\n            fill: \"#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__*/_jsxs(_Fragment, {\n            children: [/*#__PURE__*/_jsx(Pie, {\n              data: dataWithIndex,\n              pieValue: accessors.value,\n              outerRadius: radius,\n              innerRadius: innerRadius,\n              cornerRadius: 3,\n              padAngle: PAD_ANGLE,\n              startAngle: startAngle,\n              endAngle: endAngle,\n              pieSort: accessors.sort,\n              children: pie => {\n                return pie.arcs.map(arc => /*#__PURE__*/_jsx(\"g\", {\n                  onMouseMove: withTooltips ? handleArcMouseMove(arc) : undefined,\n                  onMouseLeave: withTooltips ? handleMouseLeave : undefined,\n                  children: /*#__PURE__*/_jsx(\"path\", {\n                    d: pie.path(arc) || '',\n                    fill: accessors.fill(arc.data)\n                  })\n                }, arc.data.label));\n              }\n            }), /*#__PURE__*/_jsxs(Group, {\n              children: [/*#__PURE__*/_jsx(Text, {\n                textAnchor: \"middle\",\n                verticalAnchor: \"start\",\n                y: -40 // Position above the chart with space for note\n                ,\n                className: styles.label,\n                children: label\n              }), /*#__PURE__*/_jsx(Text, {\n                textAnchor: \"middle\",\n                verticalAnchor: \"start\",\n                y: -20 // Position between label and chart\n                ,\n                className: styles.note,\n                children: note\n              })]\n            }), !allSegmentsHidden && svgChildren]\n          })\n        })]\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      }), showLegend && /*#__PURE__*/_jsx(Legend, {\n        orientation: legendOrientation,\n        position: legendPosition,\n        alignment: legendAlignment,\n        maxWidth: legendMaxWidth,\n        textOverflow: legendTextOverflow,\n        legendItemClassName: legendItemClassName,\n        shape: legendShape,\n        ref: legendRef,\n        chartId: chartId,\n        interactive: legendInteractive\n      }), htmlChildren, otherChildren]\n    })\n  });\n};\nconst PieSemiCircleChartWithProvider = 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(PieSemiCircleChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, create our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(PieSemiCircleChartInternal, {\n      ...props\n    })\n  });\n};\nPieSemiCircleChartWithProvider.displayName = 'PieSemiCircleChart';\n\n// Create PieSemiCircleChart with composition API\nconst PieSemiCircleChart = attachSubComponents(PieSemiCircleChartWithProvider, {\n  Legend: Legend,\n  SVG: ChartSVG,\n  HTML: ChartHTML\n});\n\n// Create responsive PieSemiCircleChart with composition API\nconst PieSemiCircleChartResponsive = attachSubComponents(withResponsive(PieSemiCircleChartWithProvider), {\n  Legend: Legend,\n  SVG: ChartSVG,\n  HTML: ChartHTML\n});\nexport { PieSemiCircleChartResponsive as default, PieSemiCircleChart as PieSemiCircleChartUnresponsive };","import 'css-chunk:src/charts/pie-semi-circle-chart/pie-semi-circle-chart.module.scss';export default {\n  \"pie-semi-circle-chart\": \"a8ccharts-8tyaQj\",\n  \"pie-semi-circle-chart--legend-top\": \"a8ccharts-M1lF7A\",\n  \"label\": \"a8ccharts-EKZS3j\",\n  \"note\": \"a8ccharts-v85A8-\"\n};"],"mappings":"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","names":[]}

package/dist/{chunk-T4J6TI55.js → chunk-AFWQR3SM.js}

@@ -1,13 +1,13 @@
 import {
   BarChart
-} from "./chunk-2VPPTJS2.js";
+} from "./chunk-KXSLMOW5.js";
 import {
   withResponsive
-} from "./chunk-C33AQZEC.js";
+} from "./chunk-TYIH5LMV.js";
 import {
   GlobalChartsContext,
   GlobalChartsProvider
-} from "./chunk-H34CJSR6.js";
+} from "./chunk-32ESS4MV.js";
 
 // src/charts/bar-list-chart/bar-list-chart.tsx
 import { formatNumberCompact } from "@automattic/number-formatters";
@@ -15,16 +15,41 @@ import { Group } from "@visx/group";
 import { createScale, scaleBand } from "@visx/scale";
 import { Text } from "@visx/text";
 import { useContext, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var getScaleBandwidth = (scale) => {
   const s = scale;
   return s && "bandwidth" in s ? s?.bandwidth() ?? 0 : 0;
 };
-var DefaultLabelComponent = ({ textProps, x, y, label, formatter }) => {
-  return /* @__PURE__ */ jsx(Text, { ...textProps, textAnchor: "start", x, y, children: formatter(label) });
+var DefaultLabelComponent = ({
+  textProps,
+  x,
+  y,
+  label,
+  formatter
+}) => {
+  return /* @__PURE__ */ _jsx(Text, {
+    ...textProps,
+    textAnchor: "start",
+    x,
+    y,
+    children: formatter(label)
+  });
 };
-var DefaultValueComponent = ({ textProps, x, y, value, formatter }) => {
-  return /* @__PURE__ */ jsx(Text, { ...textProps, textAnchor: "end", x, y, fontWeight: 500, children: formatter(value) });
+var DefaultValueComponent = ({
+  textProps,
+  x,
+  y,
+  value,
+  formatter
+}) => {
+  return /* @__PURE__ */ _jsx(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 = allTickLabelProps[index] ?? {};
     delete textProps.textAnchor;
     delete textProps.dx;
-    const sum = data.reduce(
-      (acc, { data: seriesData }) => acc + (seriesData[index]?.value ?? 0),
-      0
-    );
+    const sum = data.reduce((acc, {
+      data: seriesData
+    }) => acc + (seriesData[index]?.value ?? 0), 0);
     const y = from.y + yOffset;
-    return /* @__PURE__ */ jsxs(Group, { children: [
-      /* @__PURE__ */ jsx(
-        LabelComponent,
-        {
-          textProps,
-          x: labelPosition,
-          y,
-          label: formattedValue,
-          formatter: labelFormatter
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ValueComponent,
-        {
-          textProps,
-          x: valuePosition,
-          y,
-          value: sum,
-          formatter: valueFormatter,
-          data,
-          index
-        }
-      )
-    ] }, index);
+    return /* @__PURE__ */ _jsxs(Group, {
+      children: [/* @__PURE__ */ _jsx(LabelComponent, {
+        textProps,
+        x: labelPosition,
+        y,
+        label: formattedValue,
+        formatter: labelFormatter
+      }), /* @__PURE__ */ _jsx(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 = createScale({
     type: "band",
     range: [0, height],
@@ -141,50 +164,50 @@ var BarListChartInternal = ({
       yOffset: options.yOffset ?? getDefaultYOffset(data, yScale, height, isMultiSeries)
     };
   }, [options, width, data, height]);
-  return /* @__PURE__ */ jsx(
-    BarChart,
-    {
-      orientation: "horizontal",
-      gridVisibility: "none",
-      data,
-      width,
-      height,
-      margin,
-      options: {
-        axis: {
-          y: {
-            children: (renderProps) => /* @__PURE__ */ jsx(
-              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__ */ _jsx(BarChart, {
+    orientation: "horizontal",
+    gridVisibility: "none",
+    data,
+    width,
+    height,
+    margin,
+    options: {
+      axis: {
+        y: {
+          children: (renderProps) => /* @__PURE__ */ _jsx(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 = useContext(GlobalChartsContext);
   if (existingContext) {
-    return /* @__PURE__ */ jsx(BarListChartInternal, { ...props });
+    return /* @__PURE__ */ _jsx(BarListChartInternal, {
+      ...props
+    });
   }
-  return /* @__PURE__ */ jsx(GlobalChartsProvider, { children: /* @__PURE__ */ jsx(BarListChartInternal, { ...props }) });
+  return /* @__PURE__ */ _jsx(GlobalChartsProvider, {
+    children: /* @__PURE__ */ _jsx(BarListChartInternal, {
+      ...props
+    })
+  });
 };
 BarListChart.displayName = "BarListChart";
 var BarListChartResponsive = withResponsive(BarListChart);
@@ -193,4 +216,4 @@ export {
   BarListChart,
   BarListChartResponsive
 };
-//# sourceMappingURL=chunk-T4J6TI55.js.map
+//# sourceMappingURL=chunk-AFWQR3SM.js.map

package/dist/chunk-AFWQR3SM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/bar-list-chart/bar-list-chart.tsx"],"sourcesContent":["import { formatNumberCompact } from '@automattic/number-formatters';\nimport { Group } from '@visx/group';\nimport { createScale, scaleBand } from '@visx/scale';\nimport { Text } from '@visx/text';\nimport { useContext, useMemo } from 'react';\nimport { GlobalChartsContext, GlobalChartsProvider } from '../../providers';\nimport { BarChartUnresponsive } from '../bar-chart';\nimport { withResponsive } from '../private/with-responsive';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * Get the bandwidth of a scale\n * @param scale - The scale to get the bandwidth of\n * @return The bandwidth of the scale\n */\nconst getScaleBandwidth = scale => {\n  // Broaden type before using 'xxx' in s as typeguard.\n  const s = scale;\n  return s && 'bandwidth' in s ? s?.bandwidth() ?? 0 : 0;\n};\nconst DefaultLabelComponent = ({\n  textProps,\n  x,\n  y,\n  label,\n  formatter\n}) => {\n  return /*#__PURE__*/_jsx(Text, {\n    ...textProps,\n    textAnchor: \"start\",\n    x: x,\n    y: y,\n    children: formatter(label)\n  });\n};\nconst DefaultValueComponent = ({\n  textProps,\n  x,\n  y,\n  value,\n  formatter\n}) => {\n  return /*#__PURE__*/_jsx(Text, {\n    ...textProps,\n    textAnchor: \"end\",\n    x: x,\n    y: y,\n    fontWeight: 500,\n    children: formatter(value)\n  });\n};\nconst AxisRenderer = ({\n  ticks,\n  tickLabelProps,\n  yOffset,\n  labelPosition,\n  valuePosition,\n  data,\n  labelFormatter,\n  valueFormatter,\n  LabelComponent = DefaultLabelComponent,\n  ValueComponent = DefaultValueComponent\n}) => {\n  if (ticks.length === 0) {\n    return null;\n  }\n\n  // compute the max tick label size to compute label offset\n  const allTickLabelProps = ticks.map(({\n    value,\n    index\n  }) => typeof tickLabelProps === 'function' ? tickLabelProps(value, index, ticks) : {});\n  return ticks.map(({\n    from,\n    formattedValue\n  }, index) => {\n    const textProps = allTickLabelProps[index] ?? {};\n    // No need to pass textAnchor and dx. It will be handled by the component.\n    delete textProps.textAnchor;\n    delete textProps.dx;\n    const sum = data.reduce((acc, {\n      data: seriesData\n    }) => acc + (seriesData[index]?.value ?? 0), 0);\n    const y = from.y + yOffset;\n    return /*#__PURE__*/_jsxs(Group, {\n      children: [/*#__PURE__*/_jsx(LabelComponent, {\n        textProps: textProps,\n        x: labelPosition,\n        y: y,\n        label: formattedValue,\n        formatter: labelFormatter\n      }), /*#__PURE__*/_jsx(ValueComponent, {\n        textProps: textProps,\n        x: valuePosition,\n        y: y,\n        value: sum,\n        formatter: valueFormatter,\n        data: data,\n        index: index\n      })]\n    }, index);\n  });\n};\n\n/**\n * Calculate the default y offset for the bar list chart.\n * @param data          - The data to calculate the default y offset for.\n * @param yScaleConfig  - The y scale configuration.\n * @param height        - The height of the chart.\n * @param isMultiSeries - Whether the chart is a multi series chart.\n * @return The default y offset.\n */\nconst getDefaultYOffset = (data, yScaleConfig, height, isMultiSeries) => {\n  if (!isMultiSeries) {\n    return 0;\n  }\n  const dataKeys = data.map(({\n    label\n  }) => label);\n  const yScale = createScale({\n    type: 'band',\n    range: [0, height],\n    domain: dataKeys,\n    ...yScaleConfig\n  });\n  const groupScale = scaleBand({\n    domain: dataKeys,\n    range: [0, getScaleBandwidth(yScale)],\n    padding: yScaleConfig.paddingInner\n  });\n  const GAP_BETWEEN_BARS = 6;\n  const barThickness = getScaleBandwidth(groupScale);\n\n  // Use negative value to move the label up.\n  return -(barThickness + GAP_BETWEEN_BARS);\n};\nconst BarListChartInternal = ({\n  data,\n  width,\n  height,\n  options = {},\n  margin = {\n    left: 0,\n    right: 20,\n    bottom: 0,\n    top: 0\n  },\n  ...rest\n}) => {\n  const chartOptions = useMemo(() => {\n    const isMultiSeries = data.length > 1;\n    const defaultYScale = {\n      // For multi series, set default padding larger to look better.\n      paddingInner: isMultiSeries ? 0.3 : 0.1,\n      padding: isMultiSeries ? 0.3 : 0.1\n    };\n    const defaultXScale = {\n      // Always begin at zero since the x axis is hidden.\n      zero: true\n    };\n    const yScale = {\n      ...defaultYScale,\n      ...(options.yScale ?? {})\n    };\n    const xScale = {\n      ...defaultXScale,\n      ...(options.xScale ?? {})\n    };\n    return {\n      yScale,\n      xScale,\n      labelPosition: options.labelPosition ?? (isMultiSeries ? 0 : 10),\n      valueFormatter: options.valueFormatter ?? (value => formatNumberCompact(value)),\n      labelFormatter: options.labelFormatter ?? (value => String(value)),\n      valuePosition: options.valuePosition ?? width,\n      yOffset: options.yOffset ?? getDefaultYOffset(data, yScale, height, isMultiSeries)\n    };\n  }, [options, width, data, height]);\n  return /*#__PURE__*/_jsx(BarChartUnresponsive, {\n    orientation: \"horizontal\",\n    gridVisibility: 'none',\n    data: data,\n    width: width,\n    height: height,\n    margin: margin,\n    options: {\n      axis: {\n        y: {\n          children: renderProps => /*#__PURE__*/_jsx(AxisRenderer, {\n            ...renderProps,\n            data: data,\n            yOffset: chartOptions.yOffset,\n            labelPosition: chartOptions.labelPosition,\n            valuePosition: chartOptions.valuePosition,\n            labelFormatter: chartOptions.labelFormatter,\n            valueFormatter: chartOptions.valueFormatter,\n            LabelComponent: options.labelComponent,\n            ValueComponent: options.valueComponent\n          })\n        },\n        x: {\n          children: () => null\n        }\n      },\n      xScale: chartOptions.xScale,\n      yScale: chartOptions.yScale\n    },\n    ...rest\n  });\n};\nconst BarListChart = props => {\n  const existingContext = useContext(GlobalChartsContext);\n\n  // If we're already in a GlobalChartsProvider context, render the core component directly\n  if (existingContext) {\n    return /*#__PURE__*/_jsx(BarListChartInternal, {\n      ...props\n    });\n  }\n\n  // Otherwise, wrap with our own GlobalChartsProvider\n  return /*#__PURE__*/_jsx(GlobalChartsProvider, {\n    children: /*#__PURE__*/_jsx(BarListChartInternal, {\n      ...props\n    })\n  });\n};\nBarListChart.displayName = 'BarListChart';\nconst BarListChartResponsive = withResponsive(BarListChart);\nexport { BarListChartResponsive as default, BarListChart as BarListChartUnresponsive };"],"mappings":"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","names":[]}