@automattic/charts 0.56.3 → 0.56.4

package/dist/chunk-OTZT3MC2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-OTZT3MC2.cjs","../src/charts/private/radial-wipe-animation/radial-wipe-animation.tsx"],"names":[],"mappings":"AAAA;AC8EI,+CAAA;AAnCJ,SAAS,mBAAA,CAAqB;AAAA,EAC7B,EAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAc,CAAA;AAAA,EACd,WAAA,EAAa,GAAA;AAAA,EACb,eAAA,EAAiB,GAAA;AAAA,EACjB,UAAA,EAAY,WAAA;AAAA,EACZ,WAAA,EAAa;AACd,CAAA,EAA8B;AAC7B,EAAA,MAAM,YAAA,EAAA,CACH,OAAA,EAAS,WAAA,EAAA,EAAgB,EAAA;AAAA,EAC3B,CAAA;AAED,EAAA,MAAM,OAAA,EAAS,UAAA,IAAc,YAAA,EAAc,CAAA,EAAA,EAAK,CAAA;AAEhD,EAAA,MAAM,sBAAA,EAAwB,EAAA,EAAI,eAAA,GAAkB,eAAA,GAAkB,GAAA;AACtE,EAAA,MAAM,kBAAA,EAAoB,CAAA;AAAA,EAAA;AAK1B,EAAA;AAEE,IAAA;AAAC,IAAA;AAAA,MAAA;AACK,MAAA;AACA,MAAA;AACD,MAAA;AACO,MAAA;AACN,MAAA;AACE,MAAA;AACP,MAAA;AACgB,MAAA;AACC,MAAA;AACkD,MAAA;AAEnE,QAAA;AAAC,QAAA;AAAA,UAAA;AACc,UAAA;AACT,UAAA;AACF,UAAA;AACG,UAAA;AACD,UAAA;AACI,UAAA;AACE,UAAA;AAC2B,QAAA;AAAA,MAAA;AACvC,IAAA;AAAA,EAAA;AAIJ;AAEA;AD9CA;AACA;AACA;AACA","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-OTZT3MC2.cjs","sourcesContent":[null,"/**\n * This animation uses the SVG self-drawing technique (source: https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/),\n * leveraging stroke-dasharray and stroke-dashoffset properties to create the effect.\n *\n * Here, we reverse the animation to \"un-draw\" the circle for the revealing / radial wipe effect:\n * - Initially, the entire circle is drawn with a white mask.\n * - The circle's border (stroke) is drawn with a black stroke, wide enough to cover the circle.\n * - The stroke is then \"un-drawn,\" creating the wipe animation.\n * - A white mask makes the area visible, while a black mask makes the area invisible.\n */\n\ntype Angle = `${ number }deg` | `${ number }rad` | `${ number }grad` | `${ number }turn` | 0 | '0';\n\n/**\n * RadialWipeAnimationProps - SVG mask props that requires a radial wipe animation effect.\n *\n * @param {object}                            props                         - The properties object.\n * @param {string}                            props.id                      - The unique ID for the mask.\n * @param {number}                            props.radius                  - The outer radius of the radial wipe.\n * @param {number}                            [props.innerRadius=0]         - The inner radius of the radial wipe.\n * @param {number}                            [props.durationMs=1000]       - The duration of the animation in milliseconds.\n * @param {number}                            [props.wipePercentage=100]    - The percentage of the wipe animation to complete.\n * @param {'clockwise' | 'counter-clockwise'} [props.direction='clockwise'] - The direction of the wipe animation.\n * @param {Angle}                             [props.startAngle='-90deg']   - The starting angle of the wipe animation.\n *\n * @return {JSX.Element} The radial wipe mask element.\n */\nexport type RadialWipeAnimationProps = {\n\tid: string;\n\tradius: number;\n\tinnerRadius?: number;\n\tdurationMs?: number;\n\tstartAngle?: Angle;\n\tdirection?: 'clockwise' | 'counter-clockwise';\n\twipePercentage?: number;\n};\n\n/**\n * Renders a SVG mask that creates a radial wipe animation effect.\n *\n * @param {RadialWipeAnimationProps} props - Component props\n * @return {JSX.Element} The rendered mask component\n */\nfunction RadialWipeAnimation( {\n\tid,\n\tradius,\n\tinnerRadius = 0,\n\tdurationMs = 1000,\n\twipePercentage = 100,\n\tdirection = 'clockwise',\n\tstartAngle = '-90deg',\n}: RadialWipeAnimationProps ) {\n\tconst strokeWidth =\n\t\t( radius - innerRadius ) * 2 + // The stroke is centered on the circumference, so we need to double the width.\n\t\t1; // Added 1 to prevent sub-pixel rendering issues.\n\n\tconst scaleY = direction === 'clockwise' ? -1 : 1;\n\n\tconst isValidWipePercentage = 0 < wipePercentage && wipePercentage <= 100;\n\tconst animationDuration = `${\n\t\t// If wipePercentage is invalid, set animation duration to 0 to disable animation.\n\t\tisValidWipePercentage ? durationMs * ( 100 / wipePercentage ) : 0\n\t}ms`;\n\n\treturn (\n\t\t<mask id={ id }>\n\t\t\t<circle\n\t\t\t\tcx={ 0 }\n\t\t\t\tcy={ 0 }\n\t\t\t\tr={ radius }\n\t\t\t\tpathLength=\"100\"\n\t\t\t\tfill=\"white\"\n\t\t\t\tstroke=\"black\" // The stroke will be un-drawn, hence 'black' mask.\n\t\t\t\tstrokeWidth={ strokeWidth }\n\t\t\t\tstrokeDasharray=\"100, 1000\"\n\t\t\t\tstrokeDashoffset=\"0\"\n\t\t\t\tstyle={ { transform: `rotate(${ startAngle }) scaleY(${ scaleY })` } }\n\t\t\t>\n\t\t\t\t<animate\n\t\t\t\t\tattributeName=\"stroke-dashoffset\"\n\t\t\t\t\tfrom=\"0\"\n\t\t\t\t\tto=\"100.1\"\n\t\t\t\t\tdur={ animationDuration }\n\t\t\t\t\tfill=\"freeze\" // Same as CSS 'forwards' to retain the final state after animation.\n\t\t\t\t\tcalcMode=\"spline\" // custom easing\n\t\t\t\t\tkeySplines=\"0.42 0 0.58 1;0 0 1 1\" // ease-in-out ; linear (unimportant)\n\t\t\t\t\tkeyTimes={ `0;${ wipePercentage / 100 };1` }\n\t\t\t\t/>\n\t\t\t</circle>\n\t\t</mask>\n\t);\n}\n\nexport default RadialWipeAnimation;\n"]}

package/dist/chunk-SBRMWDWM.js

@@ -1,357 +0,0 @@
-import {
-  getStringWidth
-} from "./chunk-NFRB2POF.js";
-import {
-  radial_wipe_animation_default
-} from "./chunk-A3AEEGKR.js";
-import {
-  ChartHTML,
-  ChartSVG,
-  useChartChildren
-} from "./chunk-CEZGL6YP.js";
-import {
-  BaseTooltip
-} from "./chunk-5XI443YP.js";
-import {
-  withResponsive
-} from "./chunk-C33AQZEC.js";
-import {
-  GlobalChartsContext,
-  GlobalChartsProvider,
-  Legend,
-  SingleChartContext,
-  useChartId,
-  useChartLegendItems,
-  useChartRegistration,
-  useElementHeight,
-  useGlobalChartsContext,
-  useGlobalChartsTheme,
-  useInteractiveLegendData,
-  usePrefersReducedMotion
-} from "./chunk-H34CJSR6.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, 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),
-                                  "data-testid": "pie-segment"
-                                };
-                                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-SBRMWDWM.js.map

package/dist/chunk-SBRMWDWM.js.map

@@ -1 +0,0 @@
-{"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 {\n\tGlobalChartsProvider,\n\tuseChartId,\n\tuseChartRegistration,\n\tuseGlobalChartsContext,\n\tuseGlobalChartsTheme,\n\tGlobalChartsContext,\n} 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, ResponsiveConfig } from '../private/with-responsive';\nimport styles from './pie-chart.module.scss';\nimport type { LegendValueDisplay } from '../../components/legend';\nimport type { BaseChartProps, DataPointPercentage, Optional } from '../../types';\nimport type { ChartComponentWithComposition } from '../private/chart-composition';\nimport type { SVGProps, MouseEvent, ReactNode, FC } from 'react';\n\n/**\n * Parameters passed to the renderTooltip function for pie charts.\n */\nexport type PieChartRenderTooltipParams = {\n\t/**\n\t * The data point being hovered, including label, value, and percentage.\n\t */\n\ttooltipData: DataPointPercentage;\n};\n\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 = ( { tooltipData }: PieChartRenderTooltipParams ): ReactNode => {\n\treturn <BaseTooltip data={ tooltipData } top={ 0 } left={ 0 } renderContainer={ false } />;\n};\n\nexport interface PieChartProps extends BaseChartProps< DataPointPercentage[] > {\n\t/**\n\t * Inner radius in pixels. If > 0, creates a donut chart. Defaults to 0.\n\t */\n\tinnerRadius?: number;\n\n\t/**\n\t * Add padding to the chart\n\t */\n\tpadding?: number;\n\n\t/**\n\t * Thickness of the pie chart.\n\t * A value between 0 and 1, where 0 means no thickness\n\t * and 1 means the maximum thickness.\n\t */\n\tthickness?: number;\n\n\t/**\n\t * Scale of the gap between groups in the pie chart\n\t * A value between 0 and 1, where 0 means no gap.\n\t */\n\tgapScale?: number;\n\n\t/**\n\t * Scale of the corner radius for the pie chart segments.\n\t * A value between 0 and 1, where 0 means no corner radius.\n\t */\n\tcornerScale?: number;\n\n\t/**\n\t * Whether to show labels on pie segments. Defaults to true.\n\t */\n\tshowLabels?: boolean;\n\n\t/**\n\t * What type of value to display in the legend when showValues is true.\n\t * - 'percentage': Shows percentage values (e.g., \"23%\") [default]\n\t * - 'value': Shows raw numeric values (e.g., \"30000\")\n\t * - 'valueDisplay': Shows formatted values (e.g., \"30K\")\n\t * - 'none': Shows no values, only labels\n\t */\n\tlegendValueDisplay?: LegendValueDisplay;\n\n\t/**\n\t * Enable interactive legend items that can toggle segment visibility.\n\t * Requires chartId and GlobalChartsProvider.\n\t * When segments are hidden, percentages are recalculated so visible segments total 100%.\n\t */\n\tlegendInteractive?: boolean;\n\n\t/**\n\t * Use the children prop to render additional elements on the chart.\n\t */\n\tchildren?: ReactNode;\n\n\t/**\n\t * Horizontal offset for tooltip positioning in pixels (default: 0)\n\t */\n\ttooltipOffsetX?: number;\n\n\t/**\n\t * Vertical offset for tooltip positioning in pixels (default: -15)\n\t */\n\ttooltipOffsetY?: number;\n\n\t/**\n\t * Custom render function for tooltip content.\n\t * When provided, replaces the default BaseTooltip with custom content.\n\t */\n\trenderTooltip?: ( params: PieChartRenderTooltipParams ) => ReactNode;\n}\n\n// Base props type with optional responsive properties\ntype PieChartBaseProps = Optional< PieChartProps, 'size' >;\n\n// Composition API types\ntype PieChartComponent = ChartComponentWithComposition< PieChartBaseProps >;\ntype PieChartResponsiveComponent = ChartComponentWithComposition<\n\tPieChartBaseProps & ResponsiveConfig\n>;\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: DataPointPercentage[] ) => {\n\tif ( ! data.length ) {\n\t\treturn { isValid: false, message: 'No data available' };\n\t}\n\n\t// Check for negative values\n\tconst hasNegativeValues = data.some( item => item.percentage < 0 || item.value < 0 );\n\tif ( hasNegativeValues ) {\n\t\treturn { isValid: false, message: 'Invalid data: Negative values are not allowed' };\n\t}\n\n\t// Validate total percentage\n\tconst totalPercentage = data.reduce( ( sum, item ) => sum + item.percentage, 0 );\n\tif ( Math.abs( totalPercentage - 100 ) > 0.01 ) {\n\t\t// Using small epsilon for floating point comparison\n\t\treturn { isValid: false, message: 'Invalid percentage total: Must equal 100' };\n\t}\n\n\treturn { isValid: true, message: '' };\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\tdata,\n\tchartId: providedChartId,\n\twithTooltips = false,\n\tclassName,\n\tshowLegend = false,\n\tlegendOrientation = 'horizontal',\n\tlegendPosition = 'bottom',\n\tlegendAlignment = 'center',\n\tlegendMaxWidth,\n\tlegendTextOverflow = 'wrap',\n\tlegendItemClassName,\n\tlegendShape = 'circle',\n\tsize,\n\tanimation,\n\tthickness = 1,\n\tpadding = 0,\n\tgapScale = 0,\n\tcornerScale = 0,\n\tshowLabels = true,\n\tlegendValueDisplay = 'percentage',\n\tlegendInteractive = false,\n\tchildren = null,\n\ttooltipOffsetX = 0,\n\ttooltipOffsetY = -15,\n\trenderTooltip = renderDefaultPieTooltip,\n}: PieChartProps ) => {\n\tconst providerTheme = useGlobalChartsTheme();\n\tconst chartId = useChartId( providedChartId );\n\tconst [ legendRef, legendHeight ] = useElementHeight< HTMLDivElement >();\n\tconst { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } =\n\t\tuseTooltip< DataPointPercentage >();\n\n\t// Set up portal tooltip for better z-index handling\n\t// We get containerBounds to cancel out stale offsets in the position calculation\n\tconst { containerRef, TooltipInPortal, containerBounds } = useTooltipInPortal( {\n\t\tdetectBounds: true,\n\t\tscroll: true,\n\t\tdebounce: 0,\n\t} );\n\n\tconst onMouseLeave = useCallback( () => {\n\t\tif ( ! withTooltips ) {\n\t\t\treturn;\n\t\t}\n\t\thideTooltip();\n\t}, [ withTooltips, hideTooltip ] );\n\n\tconst { getElementStyles, isSeriesVisible } = useGlobalChartsContext();\n\n\t// Filter and recalculate data for interactive legends\n\tconst { visibleData, allSegmentsHidden, legendData } = useInteractiveLegendData( {\n\t\tdata,\n\t\tchartId,\n\t\tlegendInteractive,\n\t\tisSeriesVisible,\n\t} );\n\n\t// Memoize legend options to prevent unnecessary re-calculations\n\tconst legendOptions = useMemo(\n\t\t() => ( { showValues: true, legendValueDisplay } ),\n\t\t[ legendValueDisplay ]\n\t);\n\n\t// Create legend items using legendData (has recalculated percentages for visible items)\n\tconst legendItems = useChartLegendItems( legendData, legendOptions );\n\n\tconst { isValid, message } = validateData( data );\n\n\t// Process children to extract compound components\n\tconst { svgChildren, htmlChildren, otherChildren } = useChartChildren( children, 'PieChart' );\n\n\t// Memoize metadata to prevent unnecessary re-registration\n\tconst chartMetadata = useMemo(\n\t\t() => ( {\n\t\t\tthickness,\n\t\t\tgapScale,\n\t\t\tcornerScale,\n\t\t} ),\n\t\t[ thickness, gapScale, cornerScale ]\n\t);\n\n\t// Register chart with context only if data is valid\n\tuseChartRegistration( {\n\t\tchartId,\n\t\tlegendItems,\n\t\tchartType: 'pie',\n\t\tisDataValid: isValid,\n\t\tmetadata: chartMetadata,\n\t} );\n\n\tconst prefersReducedMotion = usePrefersReducedMotion();\n\n\tif ( ! isValid ) {\n\t\treturn (\n\t\t\t<div className={ clsx( 'pie-chart', styles[ 'pie-chart' ], className ) }>\n\t\t\t\t<div className={ styles[ 'error-message' ] }>{ message }</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst width = size;\n\tconst height = size;\n\tconst adjustedHeight = showLegend && legendPosition === 'top' ? height - legendHeight : height;\n\n\t// Calculate radius based on width/height\n\tconst radius = Math.min( width, adjustedHeight ) / 2;\n\n\t// Center the chart in the available space\n\tconst centerX = width / 2;\n\tconst centerY = adjustedHeight / 2;\n\n\t// Calculate the angle between each (use original data length for consistent spacing)\n\tconst padAngle = gapScale * ( ( 2 * Math.PI ) / data.length );\n\n\tconst outerRadius = radius - padding;\n\tconst innerRadius = thickness === 0 ? 0 : outerRadius * ( 1 - thickness );\n\n\tconst maxCornerRadius = ( outerRadius - innerRadius ) / 2;\n\tconst cornerRadius = cornerScale ? Math.min( cornerScale * outerRadius, maxCornerRadius ) : 0;\n\n\t// Map the data to include index for color assignment\n\t// When interactive, we need to find the original index to maintain consistent colors\n\tconst dataWithIndex = visibleData.map( d => {\n\t\tconst originalIndex = data.findIndex( item => item.label === d.label );\n\t\treturn {\n\t\t\t...d,\n\t\t\tindex: originalIndex >= 0 ? originalIndex : 0,\n\t\t};\n\t} );\n\n\tconst accessors = {\n\t\tvalue: ( d: DataPointPercentage ) => d.value,\n\t\tfill: ( d: DataPointPercentage & { index: number } ) => {\n\t\t\treturn getElementStyles( { data: d, index: d.index } ).color;\n\t\t},\n\t};\n\n\treturn (\n\t\t<SingleChartContext.Provider\n\t\t\tvalue={ {\n\t\t\t\tchartId,\n\t\t\t\tchartWidth: width,\n\t\t\t\tchartHeight: adjustedHeight,\n\t\t\t} }\n\t\t>\n\t\t\t<div\n\t\t\t\tref={ containerRef }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'pie-chart',\n\t\t\t\t\tstyles[ 'pie-chart' ],\n\t\t\t\t\t{ [ styles[ 'pie-chart--legend-top' ] ]: showLegend && legendPosition === 'top' },\n\t\t\t\t\tclassName\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tviewBox={ `0 0 ${ width } ${ adjustedHeight }` }\n\t\t\t\t\tpreserveAspectRatio=\"xMidYMid meet\"\n\t\t\t\t\twidth={ width }\n\t\t\t\t\theight={ adjustedHeight }\n\t\t\t\t>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<RadialWipeAnimation\n\t\t\t\t\t\t\tid={ `radial-wipe-${ chartId }` }\n\t\t\t\t\t\t\tradius={ outerRadius }\n\t\t\t\t\t\t\tinnerRadius={ innerRadius }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</defs>\n\n\t\t\t\t\t<Group\n\t\t\t\t\t\ttop={ centerY }\n\t\t\t\t\t\tleft={ centerX }\n\t\t\t\t\t\tmask={ animation && ! prefersReducedMotion ? `url(#radial-wipe-${ chartId })` : null }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ allSegmentsHidden ? (\n\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\t\tdy=\".33em\"\n\t\t\t\t\t\t\t\tfill={ providerTheme.gridColor || '#ccc' }\n\t\t\t\t\t\t\t\tfontSize=\"14\"\n\t\t\t\t\t\t\t\tfontFamily=\"-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'All segments are hidden. Click legend items to show data.',\n\t\t\t\t\t\t\t\t\t'jetpack-charts'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Pie< DataPointPercentage & { index: number } >\n\t\t\t\t\t\t\t\tdata={ dataWithIndex }\n\t\t\t\t\t\t\t\tpieValue={ accessors.value }\n\t\t\t\t\t\t\t\touterRadius={ outerRadius }\n\t\t\t\t\t\t\t\tinnerRadius={ innerRadius }\n\t\t\t\t\t\t\t\tpadAngle={ padAngle }\n\t\t\t\t\t\t\t\tcornerRadius={ cornerRadius }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ pie => {\n\t\t\t\t\t\t\t\t\treturn pie.arcs.map( ( arc, index ) => {\n\t\t\t\t\t\t\t\t\t\tconst [ centroidX, centroidY ] = pie.path.centroid( arc );\n\t\t\t\t\t\t\t\t\t\tconst hasSpaceForLabel = arc.endAngle - arc.startAngle >= 0.25;\n\t\t\t\t\t\t\t\t\t\tconst handleMouseMove = ( event: MouseEvent< SVGElement > ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( ! withTooltips ) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t// Don't show tooltip until container bounds are measured\n\t\t\t\t\t\t\t\t\t\t\tif ( containerBounds.width === 0 || containerBounds.height === 0 ) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t// Use clientX/Y and subtract containerBounds to cancel out any stale offset.\n\t\t\t\t\t\t\t\t\t\t\t// TooltipInPortal calculates: tooltipLeft + containerBounds.left + scrollX\n\t\t\t\t\t\t\t\t\t\t\t// By passing (clientX - containerBounds.left), we get:\n\t\t\t\t\t\t\t\t\t\t\t// (clientX - containerBounds.left) + containerBounds.left + scrollX = clientX + scrollX\n\t\t\t\t\t\t\t\t\t\t\t// This gives correct page coordinates regardless of stale bounds.\n\t\t\t\t\t\t\t\t\t\t\tshowTooltip( {\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipData: arc.data,\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipLeft: event.clientX - containerBounds.left + tooltipOffsetX,\n\t\t\t\t\t\t\t\t\t\t\t\ttooltipTop: event.clientY - containerBounds.top + tooltipOffsetY,\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst pathProps: SVGProps< SVGPathElement > & { 'data-testid'?: string } = {\n\t\t\t\t\t\t\t\t\t\t\td: pie.path( arc ) || '',\n\t\t\t\t\t\t\t\t\t\t\tfill: accessors.fill( arc.data ),\n\t\t\t\t\t\t\t\t\t\t\t'data-testid': 'pie-segment',\n\t\t\t\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\t\t\t\tconst groupProps: SVGProps< SVGGElement > = {};\n\t\t\t\t\t\t\t\t\t\tif ( withTooltips ) {\n\t\t\t\t\t\t\t\t\t\t\tgroupProps.onMouseMove = handleMouseMove;\n\t\t\t\t\t\t\t\t\t\t\tgroupProps.onMouseLeave = onMouseLeave;\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t// Estimate text width more accurately for background sizing\n\t\t\t\t\t\t\t\t\t\tconst fontSize = 12;\n\t\t\t\t\t\t\t\t\t\tconst estimatedTextWidth = getStringWidth( arc.data.label, { fontSize } );\n\t\t\t\t\t\t\t\t\t\tconst labelPadding = 6;\n\t\t\t\t\t\t\t\t\t\tconst backgroundWidth = estimatedTextWidth + labelPadding * 2;\n\t\t\t\t\t\t\t\t\t\tconst backgroundHeight = fontSize + labelPadding * 2;\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<g key={ `arc-${ index }` } { ...groupProps }>\n\t\t\t\t\t\t\t\t\t\t\t\t<path { ...pathProps } />\n\t\t\t\t\t\t\t\t\t\t\t\t{ showLabels && hasSpaceForLabel && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<g>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ providerTheme.labelBackgroundColor && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<rect\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx={ centroidX - backgroundWidth / 2 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ty={ centroidY - backgroundHeight / 2 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={ backgroundWidth }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={ backgroundHeight }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill={ providerTheme.labelBackgroundColor }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trx={ 4 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\try={ 4 }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx={ centroidX }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ty={ centroidY }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdy=\".33em\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfill={ providerTheme.labelTextColor || '#333' }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ fontSize }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextAnchor=\"middle\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ arc.data.label }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</text>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</g>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t</Pie>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t{ /* Render SVG children (like Group, Text) inside the SVG */ }\n\t\t\t\t\t\t{ ! allSegmentsHidden && svgChildren }\n\t\t\t\t\t</Group>\n\t\t\t\t</svg>\n\n\t\t\t\t{ showLegend && (\n\t\t\t\t\t<Legend\n\t\t\t\t\t\torientation={ legendOrientation }\n\t\t\t\t\t\tposition={ legendPosition }\n\t\t\t\t\t\talignment={ legendAlignment }\n\t\t\t\t\t\tmaxWidth={ legendMaxWidth }\n\t\t\t\t\t\ttextOverflow={ legendTextOverflow }\n\t\t\t\t\t\tlegendItemClassName={ legendItemClassName }\n\t\t\t\t\t\tclassName={ styles[ 'pie-chart-legend' ] }\n\t\t\t\t\t\tshape={ legendShape }\n\t\t\t\t\t\tref={ legendRef }\n\t\t\t\t\t\tchartId={ chartId }\n\t\t\t\t\t\tinteractive={ legendInteractive }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ withTooltips && tooltipOpen && tooltipData && (\n\t\t\t\t\t<TooltipInPortal top={ tooltipTop || 0 } left={ tooltipLeft || 0 }>\n\t\t\t\t\t\t<div role=\"tooltip\">{ renderTooltip( { tooltipData } ) }</div>\n\t\t\t\t\t</TooltipInPortal>\n\t\t\t\t) }\n\n\t\t\t\t{ /* Render HTML component children from PieChart.HTML */ }\n\t\t\t\t{ htmlChildren }\n\n\t\t\t\t{ /* Render other React children for backward compatibility */ }\n\t\t\t\t{ otherChildren }\n\t\t\t</div>\n\t\t</SingleChartContext.Provider>\n\t);\n};\n\nconst PieChartWithProvider: FC< PieChartProps > = props => {\n\tconst existingContext = useContext( GlobalChartsContext );\n\n\t// If we're already in a GlobalChartsProvider context, don't create a new one\n\tif ( existingContext ) {\n\t\treturn <PieChartInternal { ...props } />;\n\t}\n\n\t// Otherwise, create our own GlobalChartsProvider\n\treturn (\n\t\t<GlobalChartsProvider>\n\t\t\t<PieChartInternal { ...props } />\n\t\t</GlobalChartsProvider>\n\t);\n};\n\nPieChartWithProvider.displayName = 'PieChart';\n\n// Create PieChart with composition API\nconst PieChart = attachSubComponents( PieChartWithProvider, {\n\tLegend: Legend,\n\tSVG: ChartSVG,\n\tHTML: ChartHTML,\n} ) as PieChartComponent;\n\n// Create responsive PieChart with composition API\nconst PieChartResponsive = attachSubComponents(\n\twithResponsive< PieChartProps >( PieChartWithProvider ),\n\t{\n\t\tLegend: Legend,\n\t\tSVG: ChartSVG,\n\t\tHTML: ChartHTML,\n\t}\n) as PieChartResponsiveComponent;\n\nexport { PieChartResponsive as default, PieChart as PieChartUnresponsive };\n","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":[]}

package/dist/chunk-SRXJLAKG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-SRXJLAKG.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;ACUG,+CAAA;AAnBH,IAAM,iBAAA,EAAqD;AAAA,EAC1D,EAAA,EAAI,UAAA;AAAA,EACJ,IAAA,EAAM,UAAA;AAAA,EACN,OAAA,EAAS;AACV,CAAA;AAEA,IAAM,KAAA,EAAO,CAAE,EAAE,UAAU,CAAA,EAAA,GAAsC;AAChE,EAAA,GAAA,CAAK,UAAA,IAAc,SAAA,EAAY;AAC9B,IAAA,OAAO,IAAA;AAAA,EACR;AAEA,EAAA,MAAM,KAAA,EAAO,UAAA,IAAc,IAAA;AAC3B,EAAA,uBACC,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACA,SAAA,EAAY,8BAAA,CAAQ,uBAAwB,CAAA;AAAA,MAC5C,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,aAAA,EAAY,MAAA;AAAA,MAEZ,QAAA,kBAAA,6BAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACA,CAAA,EAAI,KAAA,EAAO,sBAAA,EAAwB,qBAAA;AAAA,UACnC,MAAA,EAAO,cAAA;AAAA,UACP,WAAA,EAAY,KAAA;AAAA,UACZ,aAAA,EAAc,OAAA;AAAA,UACd,cAAA,EAAe;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EACD,CAAA;AAEF,CAAA;AASO,SAAS,cAAA,CAAgB;AAAA,EAC/B,SAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA,EAAW;AACZ,CAAA,EAAyB;AACxB,EAAA,MAAM,UAAA,EAAY,CAAA,EAAA;AAGjB,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACX,QAAA;AACA,QAAA;AACA,QAAA;AACD,MAAA;AACA,MAAA;AACa,MAAA;AAEX,MAAA;AAAY,QAAA;AACd,wBAAA;AAAgE,MAAA;AAAA,IAAA;AACjE,EAAA;AAEF;ADMqB;AACA;AACA;AACA","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-SRXJLAKG.cjs","sourcesContent":[null,"import clsx from 'clsx';\nimport styles from './trend-indicator.module.scss';\nimport type { TrendIndicatorProps, TrendDirection } from './types';\n\nconst DIRECTION_LABELS: Record< TrendDirection, string > = {\n\tup: 'Increase',\n\tdown: 'Decrease',\n\tneutral: 'No change',\n};\n\nconst Icon = ( { direction }: { direction: TrendDirection } ) => {\n\tif ( direction === 'neutral' ) {\n\t\treturn null;\n\t}\n\n\tconst isUp = direction === 'up';\n\treturn (\n\t\t<svg\n\t\t\tclassName={ styles[ 'trend-indicator__icon' ] }\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t\taria-hidden=\"true\"\n\t\t>\n\t\t\t<path\n\t\t\t\td={ isUp ? 'M8 13V3M4 7l4-4 4 4' : 'M8 3v10M4 9l4 4 4-4' }\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"1.5\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t/>\n\t\t</svg>\n\t);\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\tdirection,\n\tvalue,\n\tclassName,\n\tstyle,\n\tshowIcon = true,\n}: TrendIndicatorProps ) {\n\tconst ariaLabel = `${ DIRECTION_LABELS[ direction ] }: ${ value }`;\n\n\treturn (\n\t\t<span\n\t\t\tclassName={ clsx(\n\t\t\t\tstyles[ 'trend-indicator' ],\n\t\t\t\tstyles[ `trend-indicator--${ direction }` ],\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tstyle={ style }\n\t\t\taria-label={ ariaLabel }\n\t\t>\n\t\t\t{ showIcon && <Icon direction={ direction } /> }\n\t\t\t<span className={ styles[ 'trend-indicator__value' ] }>{ value }</span>\n\t\t</span>\n\t);\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-T4J6TI55.js.map

@@ -1 +0,0 @@
-{"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, type TextProps } 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 type { SeriesData } from '../..';\nimport type { ScaleOptions } from '../../types';\nimport type { BarChartProps } from '../bar-chart/bar-chart';\nimport type { AxisRendererProps, AxisScale } from '@visx/axis';\nimport type { AnyD3Scale } from '@visx/scale';\nimport type { ComponentType, FC } from 'react';\n\nexport interface BarListChartProps\n\textends Exclude< BarChartProps, 'orientation' | 'size' | 'gridVisibility' > {\n\toptions?: {\n\t\t/**\n\t\t * Scale for the y axis. Exclude the type property.\n\t\t */\n\t\tyScale: Omit< ScaleOptions, 'type' >;\n\t\t/**\n\t\t * Scale for the x axis. Exclude the type property.\n\t\t */\n\t\txScale: Omit< ScaleOptions, 'type' >;\n\t\t/**\n\t\t * Formatter for the label.\n\t\t */\n\t\tlabelFormatter?: ( value: string ) => string;\n\t\t/**\n\t\t * Formatter for the value.\n\t\t */\n\t\tvalueFormatter?: ( value: number ) => string;\n\t\t/**\n\t\t * y offset of the label and value. Default is based on the number of series, automatically computed.\n\t\t */\n\t\tyOffset?: number;\n\t\t/**\n\t\t * x position of the label.\n\t\t */\n\t\tlabelPosition?: number;\n\t\t/**\n\t\t * x position of the value.\n\t\t */\n\t\tvaluePosition?: number;\n\t\t/**\n\t\t * Custom render function for the label.\n\t\t */\n\t\tlabelComponent?: ComponentType< RenderLabelProps >;\n\t\t/**\n\t\t * Custom render function for the value.\n\t\t */\n\t\tvalueComponent?: ComponentType< RenderValueProps >;\n\t};\n}\n\nexport interface RenderLabelProps {\n\ttextProps: TextProps;\n\tx: number;\n\ty: number;\n\tlabel: string;\n\tformatter: ( value: string ) => string;\n}\n\nexport interface RenderValueProps {\n\ttextProps: TextProps;\n\tx: number;\n\ty: number;\n\tvalue: number;\n\t/**\n\t * Original data\n\t */\n\tdata: SeriesData[];\n\t/**\n\t * Index of the data point\n\t */\n\tindex: number;\n\tformatter: ( value: number ) => string;\n}\n\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 extends AxisScale >( scale?: Scale ) => {\n\t// Broaden type before using 'xxx' in s as typeguard.\n\tconst s = scale as AxisScale;\n\treturn s && 'bandwidth' in s ? s?.bandwidth() ?? 0 : 0;\n};\n\nconst DefaultLabelComponent = ( { textProps, x, y, label, formatter } ) => {\n\treturn (\n\t\t<Text { ...textProps } textAnchor=\"start\" x={ x } y={ y }>\n\t\t\t{ formatter( label ) }\n\t\t</Text>\n\t);\n};\n\nconst DefaultValueComponent = ( { textProps, x, y, value, formatter }: RenderValueProps ) => {\n\treturn (\n\t\t<Text { ...textProps } textAnchor=\"end\" x={ x } y={ y } fontWeight={ 500 }>\n\t\t\t{ formatter( value ) }\n\t\t</Text>\n\t);\n};\n\nconst AxisRenderer = ( {\n\tticks,\n\ttickLabelProps,\n\tyOffset,\n\tlabelPosition,\n\tvaluePosition,\n\tdata,\n\tlabelFormatter,\n\tvalueFormatter,\n\tLabelComponent = DefaultLabelComponent,\n\tValueComponent = DefaultValueComponent,\n}: AxisRendererProps< AnyD3Scale > & {\n\tyOffset: number;\n\tlabelPosition: number;\n\tvaluePosition: number;\n\tdata: SeriesData[];\n\tlabelFormatter?: ( value: string ) => string;\n\tvalueFormatter?: ( value: number ) => string;\n\tLabelComponent?: ComponentType< RenderLabelProps >;\n\tValueComponent?: ComponentType< RenderValueProps >;\n} ) => {\n\tif ( ticks.length === 0 ) {\n\t\treturn null;\n\t}\n\n\t// compute the max tick label size to compute label offset\n\tconst allTickLabelProps = ticks.map( ( { value, index } ) =>\n\t\ttypeof tickLabelProps === 'function' ? tickLabelProps( value, index, ticks ) : {}\n\t);\n\n\treturn ticks.map( ( { from, formattedValue }, index ) => {\n\t\tconst textProps = allTickLabelProps[ index ] ?? {};\n\t\t// No need to pass textAnchor and dx. It will be handled by the component.\n\t\tdelete textProps.textAnchor;\n\t\tdelete textProps.dx;\n\n\t\tconst sum = data.reduce(\n\t\t\t( acc, { data: seriesData } ) => acc + ( seriesData[ index ]?.value ?? 0 ),\n\t\t\t0\n\t\t);\n\t\tconst y = from.y + yOffset;\n\n\t\treturn (\n\t\t\t<Group key={ index }>\n\t\t\t\t<LabelComponent\n\t\t\t\t\ttextProps={ textProps }\n\t\t\t\t\tx={ labelPosition }\n\t\t\t\t\ty={ y }\n\t\t\t\t\tlabel={ formattedValue }\n\t\t\t\t\tformatter={ labelFormatter }\n\t\t\t\t/>\n\t\t\t\t<ValueComponent\n\t\t\t\t\ttextProps={ textProps }\n\t\t\t\t\tx={ valuePosition }\n\t\t\t\t\ty={ y }\n\t\t\t\t\tvalue={ sum }\n\t\t\t\t\tformatter={ valueFormatter }\n\t\t\t\t\tdata={ data }\n\t\t\t\t\tindex={ index }\n\t\t\t\t/>\n\t\t\t</Group>\n\t\t);\n\t} );\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 = (\n\tdata: SeriesData[],\n\tyScaleConfig: Omit< ScaleOptions, 'type' >,\n\theight: number,\n\tisMultiSeries: boolean\n) => {\n\tif ( ! isMultiSeries ) {\n\t\treturn 0;\n\t}\n\n\tconst dataKeys = data.map( ( { label } ) => label );\n\n\tconst yScale = createScale< string >( {\n\t\ttype: 'band' as const,\n\t\trange: [ 0, height ],\n\t\tdomain: dataKeys,\n\t\t...yScaleConfig,\n\t} );\n\n\tconst groupScale = scaleBand< string >( {\n\t\tdomain: dataKeys,\n\t\trange: [ 0, getScaleBandwidth( yScale ) ],\n\t\tpadding: yScaleConfig.paddingInner,\n\t} );\n\n\tconst GAP_BETWEEN_BARS = 6;\n\tconst barThickness = getScaleBandwidth( groupScale );\n\n\t// Use negative value to move the label up.\n\treturn -( barThickness + GAP_BETWEEN_BARS );\n};\n\nconst BarListChartInternal: FC< BarListChartProps > = ( {\n\tdata,\n\twidth,\n\theight,\n\toptions = {},\n\tmargin = {\n\t\tleft: 0,\n\t\tright: 20,\n\t\tbottom: 0,\n\t\ttop: 0,\n\t},\n\t...rest\n} ) => {\n\tconst chartOptions = useMemo( () => {\n\t\tconst isMultiSeries = data.length > 1;\n\n\t\tconst defaultYScale = {\n\t\t\t// For multi series, set default padding larger to look better.\n\t\t\tpaddingInner: isMultiSeries ? 0.3 : 0.1,\n\t\t\tpadding: isMultiSeries ? 0.3 : 0.1,\n\t\t};\n\t\tconst defaultXScale = {\n\t\t\t// Always begin at zero since the x axis is hidden.\n\t\t\tzero: true,\n\t\t};\n\t\tconst yScale = {\n\t\t\t...defaultYScale,\n\t\t\t...( options.yScale ?? {} ),\n\t\t};\n\t\tconst xScale = {\n\t\t\t...defaultXScale,\n\t\t\t...( options.xScale ?? {} ),\n\t\t};\n\n\t\treturn {\n\t\t\tyScale,\n\t\t\txScale,\n\t\t\tlabelPosition: options.labelPosition ?? ( isMultiSeries ? 0 : 10 ),\n\t\t\tvalueFormatter: options.valueFormatter ?? ( value => formatNumberCompact( value ) ),\n\t\t\tlabelFormatter: options.labelFormatter ?? ( value => String( value ) ),\n\t\t\tvaluePosition: options.valuePosition ?? width,\n\t\t\tyOffset: options.yOffset ?? getDefaultYOffset( data, yScale, height, isMultiSeries ),\n\t\t};\n\t}, [ options, width, data, height ] );\n\n\treturn (\n\t\t<BarChartUnresponsive\n\t\t\torientation=\"horizontal\"\n\t\t\tgridVisibility={ 'none' }\n\t\t\tdata={ data }\n\t\t\twidth={ width }\n\t\t\theight={ height }\n\t\t\tmargin={ margin }\n\t\t\toptions={ {\n\t\t\t\taxis: {\n\t\t\t\t\ty: {\n\t\t\t\t\t\tchildren: ( renderProps: AxisRendererProps< AnyD3Scale > ) => (\n\t\t\t\t\t\t\t<AxisRenderer\n\t\t\t\t\t\t\t\t{ ...renderProps }\n\t\t\t\t\t\t\t\tdata={ data }\n\t\t\t\t\t\t\t\tyOffset={ chartOptions.yOffset }\n\t\t\t\t\t\t\t\tlabelPosition={ chartOptions.labelPosition }\n\t\t\t\t\t\t\t\tvaluePosition={ chartOptions.valuePosition }\n\t\t\t\t\t\t\t\tlabelFormatter={ chartOptions.labelFormatter }\n\t\t\t\t\t\t\t\tvalueFormatter={ chartOptions.valueFormatter }\n\t\t\t\t\t\t\t\tLabelComponent={ options.labelComponent }\n\t\t\t\t\t\t\t\tValueComponent={ options.valueComponent }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t),\n\t\t\t\t\t},\n\t\t\t\t\tx: {\n\t\t\t\t\t\tchildren: () => null,\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\txScale: chartOptions.xScale,\n\t\t\t\tyScale: chartOptions.yScale,\n\t\t\t} }\n\t\t\t{ ...rest }\n\t\t/>\n\t);\n};\n\nconst BarListChart: FC< BarListChartProps > = props => {\n\tconst existingContext = useContext( GlobalChartsContext );\n\n\t// If we're already in a GlobalChartsProvider context, render the core component directly\n\tif ( existingContext ) {\n\t\treturn <BarListChartInternal { ...props } />;\n\t}\n\n\t// Otherwise, wrap with our own GlobalChartsProvider\n\treturn (\n\t\t<GlobalChartsProvider>\n\t\t\t<BarListChartInternal { ...props } />\n\t\t</GlobalChartsProvider>\n\t);\n};\n\nBarListChart.displayName = 'BarListChart';\n\nconst BarListChartResponsive = withResponsive< BarListChartProps >( BarListChart );\n\nexport { BarListChartResponsive as default, BarListChart as BarListChartUnresponsive };\n"],"mappings":"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","names":[]}