@automattic/charts 0.56.3 → 0.56.5

package/dist/{chunk-YYQ4IK5V.cjs → chunk-Q6G3BGCL.cjs}

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

package/dist/chunk-Q6G3BGCL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-Q6G3BGCL.cjs","../src/charts/bar-list-chart/bar-list-chart.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-Q6G3BGCL.cjs","sourcesContent":[null,"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 };"]}

package/dist/{chunk-HIWNB5PK.cjs → chunk-RCY6XLGU.cjs}

@@ -1,14 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/charts/private/chart-composition/chart-svg.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var ChartSVG = ({ children }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
+var ChartSVG = ({
+  children
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {
+    children
+  });
 };
 ChartSVG.displayName = "Chart.SVG";
 
 // src/charts/private/chart-composition/chart-html.tsx
 
-var ChartHTML = ({ children }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
+var ChartHTML = ({
+  children
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {
+    children
+  });
 };
 ChartHTML.displayName = "Chart.HTML";
 
@@ -52,4 +60,4 @@ function useChartChildren(children, chartType) {
 
 
 exports.ChartSVG = ChartSVG; exports.ChartHTML = ChartHTML; exports.useChartChildren = useChartChildren;
-//# sourceMappingURL=chunk-HIWNB5PK.cjs.map
+//# sourceMappingURL=chunk-RCY6XLGU.cjs.map

package/dist/chunk-RCY6XLGU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-RCY6XLGU.cjs","../src/charts/private/chart-composition/chart-svg.tsx","../src/charts/private/chart-composition/chart-html.tsx","../src/charts/private/chart-composition/use-chart-children.ts"],"names":["_jsx","_Fragment"],"mappings":"AAAA;ACAA,+CAAmD;AAU5C,IAAM,SAAA,EAAW,CAAC;AAAA,EACvB;AACF,CAAA,EAAA,GAAM;AAGJ,EAAA,uBAAoB,6BAAA,oBAAK,EAAW;AAAA,IAClC;AAAA,EACF,CAAC,CAAA;AACH,CAAA;AAGA,QAAA,CAAS,YAAA,EAAc,WAAA;ADXvB;AACA;AEXA;AAUO,IAAM,UAAA,EAAY,CAAC;AAAA,EACxB;AACF,CAAA,EAAA,GAAM;AAGJ,EAAA,uBAAoBA,6BAAAA,oBAAKC,EAAW;AAAA,IAClC;AAAA,EACF,CAAC,CAAA;AACH,CAAA;AAGA,SAAA,CAAU,YAAA,EAAc,YAAA;AFAxB;AACA;AGtBA,oCAAsB;AACtB,8BAAkD;AAkB3C,SAAS,gBAAA,CAAkB,QAAA,EAAqB,SAAA,EAAmC;AACzF,EAAA,OAAO,4BAAA,CAAS,EAAA,GAAM;AACrB,IAAA,MAAM,IAAA,EAAmB,CAAC,CAAA;AAC1B,IAAA,MAAM,KAAA,EAAoB,CAAC,CAAA;AAC3B,IAAA,MAAM,MAAA,EAAqB,CAAC,CAAA;AAE5B,IAAA,eAAA,CAAS,OAAA,CAAS,QAAA,EAAU,CAAA,KAAA,EAAA,GAAS;AACpC,MAAA,GAAA,CAAK,mCAAA,KAAsB,CAAA,EAAI;AAE9B,QAAA,MAAM,UAAA,EAAY,KAAA,CAAM,IAAA;AACxB,QAAA,MAAM,YAAA,kBAAc,SAAA,2BAAW,aAAA;AAG/B,QAAA,GAAA,CAAK,YAAA,IAAgB,CAAA,EAAA;AAEF,UAAA;AACC,YAAA;AACP,cAAA;AACT,YAAA;AACH,UAAA;AACW,QAAA;AAEO,UAAA;AACC,YAAA;AACN,cAAA;AACV,YAAA;AACH,UAAA;AACiB,QAAA;AAED,UAAA;AACV,QAAA;AACY,UAAA;AACnB,QAAA;AACD,MAAA;AACC,IAAA;AAEoB,IAAA;AACI,EAAA;AAC5B;AHD6B;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-RCY6XLGU.cjs","sourcesContent":[null,"import { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Compound component for SVG children in charts.\n * This component serves as a marker for SVG content that should be rendered\n * inside the chart's SVG element. The actual rendering is handled by the parent chart.\n *\n * @param {PropsWithChildren} props          - Component props\n * @param {ReactNode}         props.children - Child elements to render inside the SVG\n * @return {JSX.Element} The children wrapped in a fragment\n */\nexport const ChartSVG = ({\n  children\n}) => {\n  // This component doesn't render directly - its children are extracted by the parent chart\n  // We just return the children as-is\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: children\n  });\n};\n\n// Set displayName for better debugging and type checking\nChartSVG.displayName = 'Chart.SVG';","import { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Compound component for HTML children in charts.\n * This component serves as a marker for HTML content that should be rendered\n * outside the chart's SVG element. The actual rendering is handled by the parent chart.\n *\n * @param {PropsWithChildren} props          - Component props\n * @param {ReactNode}         props.children - Child elements to render outside the SVG\n * @return {JSX.Element} The children wrapped in a fragment\n */\nexport const ChartHTML = ({\n  children\n}) => {\n  // This component doesn't render directly - its children are extracted by the parent chart\n  // We just return the children as-is\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: children\n  });\n};\n\n// Set displayName for better debugging and type checking\nChartHTML.displayName = 'Chart.HTML';","import { Group } from '@visx/group';\nimport { useMemo, Children, isValidElement } from 'react';\nimport type { ReactNode } from 'react';\n\ninterface ChartChildren {\n\tsvgChildren: ReactNode[];\n\thtmlChildren: ReactNode[];\n\totherChildren: ReactNode[];\n}\n\n/**\n * Custom hook to process and categorize chart children for composition API.\n * Extracts children from compound components (Chart.SVG, Chart.HTML) and\n * maintains backward compatibility with legacy Group components.\n *\n * @param {ReactNode} children  - The children prop from the chart component\n * @param {string}    chartType - The type of chart (e.g., 'PieChart', 'BarChart')\n * @return {ChartChildren} Categorized children for rendering\n */\nexport function useChartChildren( children: ReactNode, chartType: string ): ChartChildren {\n\treturn useMemo( () => {\n\t\tconst svg: ReactNode[] = [];\n\t\tconst html: ReactNode[] = [];\n\t\tconst other: ReactNode[] = [];\n\n\t\tChildren.forEach( children, child => {\n\t\t\tif ( isValidElement( child ) ) {\n\t\t\t\t// Check displayName for compound components\n\t\t\t\tconst childType = child.type as { displayName?: string };\n\t\t\t\tconst displayName = childType?.displayName;\n\n\t\t\t\t// Handle chart-specific compound components (e.g., PieChart.SVG)\n\t\t\t\tif ( displayName === `${ chartType }.SVG` || displayName === 'Chart.SVG' ) {\n\t\t\t\t\t// Extract children from Chart.SVG with safety checks\n\t\t\t\t\tif ( child.props?.children ) {\n\t\t\t\t\t\tChildren.forEach( child.props.children, svgChild => {\n\t\t\t\t\t\t\tsvg.push( svgChild );\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t} else if ( displayName === `${ chartType }.HTML` || displayName === 'Chart.HTML' ) {\n\t\t\t\t\t// Extract children from Chart.HTML with safety checks\n\t\t\t\t\tif ( child.props?.children ) {\n\t\t\t\t\t\tChildren.forEach( child.props.children, htmlChild => {\n\t\t\t\t\t\t\thtml.push( htmlChild );\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t} else if ( child.type === Group ) {\n\t\t\t\t\t// Legacy support: still check for Group type for backward compatibility\n\t\t\t\t\tsvg.push( child );\n\t\t\t\t} else {\n\t\t\t\t\tother.push( child );\n\t\t\t\t}\n\t\t\t}\n\t\t} );\n\n\t\treturn { svgChildren: svg, htmlChildren: html, otherChildren: other };\n\t}, [ children, chartType ] );\n}\n"]}

package/dist/chunk-TKPK4RFS.cjs

@@ -0,0 +1,351 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk2A34OA5Ocjs = require('./chunk-2A34OA5O.cjs');
+
+
+
+
+var _chunkRCY6XLGUcjs = require('./chunk-RCY6XLGU.cjs');
+
+
+var _chunkY3NNQMAXcjs = require('./chunk-Y3NNQMAX.cjs');
+
+
+var _chunk7QDEU3KNcjs = require('./chunk-7QDEU3KN.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkEJJO2QNBcjs = require('./chunk-EJJO2QNB.cjs');
+
+
+var _chunkZVGEDXDPcjs = require('./chunk-ZVGEDXDP.cjs');
+
+// src/charts/pie-semi-circle-chart/pie-semi-circle-chart.tsx
+var _group = require('@visx/group');
+var _shape = require('@visx/shape');
+var _text = require('@visx/text');
+var _tooltip = require('@visx/tooltip');
+var _i18n = require('@wordpress/i18n');
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+var _react = require('react');
+
+// src/charts/pie-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
+var _jsxruntime = require('react/jsx-runtime');
+var renderDefaultPieSemiCircleTooltip = ({
+  tooltipData
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3NNQMAXcjs.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 = _chunkEJJO2QNBcjs.useChartId.call(void 0, providedChartId);
+  const [legendRef, legendHeight] = _chunkEJJO2QNBcjs.useElementHeight.call(void 0, );
+  const {
+    tooltipOpen,
+    tooltipLeft,
+    tooltipTop,
+    tooltipData,
+    hideTooltip,
+    showTooltip
+  } = _tooltip.useTooltip.call(void 0, );
+  const {
+    containerRef,
+    TooltipInPortal,
+    containerBounds
+  } = _tooltip.useTooltipInPortal.call(void 0, {
+    detectBounds: true,
+    scroll: true,
+    debounce: 0
+  });
+  const handleMouseMove = _react.useCallback.call(void 0, (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 = _react.useCallback.call(void 0, () => {
+    hideTooltip();
+  }, [hideTooltip]);
+  const handleArcMouseMove = _react.useCallback.call(void 0, (arc) => (event) => {
+    handleMouseMove(event, arc);
+  }, [handleMouseMove]);
+  const {
+    isValid,
+    message
+  } = validateData(data);
+  const {
+    getElementStyles,
+    isSeriesVisible
+  } = _chunkEJJO2QNBcjs.useGlobalChartsContext.call(void 0, );
+  const {
+    visibleData,
+    allSegmentsHidden,
+    legendData
+  } = _chunkEJJO2QNBcjs.useInteractiveLegendData.call(void 0, {
+    data,
+    chartId,
+    legendInteractive,
+    isSeriesVisible
+  });
+  const accessors = _react.useMemo.call(void 0, () => ({
+    value: (d) => d.value,
+    sort: (a, b) => b.value - a.value,
+    fill: (d) => getElementStyles({
+      data: d,
+      index: d.index
+    }).color
+  }), [getElementStyles]);
+  const legendOptions = _react.useMemo.call(void 0, () => ({
+    showValues: true,
+    legendValueDisplay
+  }), [legendValueDisplay]);
+  const legendItems = _chunkEJJO2QNBcjs.useChartLegendItems.call(void 0, legendData, legendOptions);
+  const {
+    svgChildren,
+    htmlChildren,
+    otherChildren
+  } = _chunkRCY6XLGUcjs.useChartChildren.call(void 0, children, "PieSemiCircleChart");
+  const chartMetadata = _react.useMemo.call(void 0, () => ({
+    thickness,
+    clockwise
+  }), [thickness, clockwise]);
+  _chunkEJJO2QNBcjs.useChartRegistration.call(void 0, {
+    chartId,
+    legendItems,
+    chartType: "pie-semi-circle",
+    isDataValid: isValid,
+    metadata: chartMetadata
+  });
+  const prefersReducedMotion = _chunkEJJO2QNBcjs.usePrefersReducedMotion.call(void 0, );
+  if (!isValid) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
+      className: pie_semi_circle_chart_module_default["pie-semi-circle-chart"],
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", {
+        width,
+        height: width / 2,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "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__ */ _jsxruntime.jsx.call(void 0, _chunkEJJO2QNBcjs.SingleChartContext.Provider, {
+    value: {
+      chartId,
+      chartWidth: width,
+      chartHeight: radius
+    },
+    children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", {
+      ref: containerRef,
+      className: _clsx2.default.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "svg", {
+        width,
+        height: radius,
+        viewBox: `0 0 ${width} ${chartHeight}`,
+        children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", {
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A34OA5Ocjs.radial_wipe_animation_default, {
+            id: `radial-wipe-${chartId}`,
+            radius,
+            innerRadius,
+            startAngle: "-180deg",
+            wipePercentage: 50
+          })
+        }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _group.Group, {
+          top: chartHeight,
+          left: width / 2,
+          mask: animation && !prefersReducedMotion ? `url(#radial-wipe-${chartId})` : null,
+          children: allSegmentsHidden ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "text", {
+            textAnchor: "middle",
+            y: -radius / 2,
+            fill: "#ccc",
+            fontSize: "14",
+            fontFamily: "-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif",
+            children: _i18n.__.call(void 0, "All segments are hidden. Click legend items to show data.", "jetpack-charts")
+          }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
+            children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _shape.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__ */ _jsxruntime.jsx.call(void 0, "g", {
+                  onMouseMove: withTooltips ? handleArcMouseMove(arc) : void 0,
+                  onMouseLeave: withTooltips ? handleMouseLeave : void 0,
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", {
+                    d: pie.path(arc) || "",
+                    fill: accessors.fill(arc.data)
+                  })
+                }, arc.data.label));
+              }
+            }), /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _group.Group, {
+              children: [/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _text.Text, {
+                textAnchor: "middle",
+                verticalAnchor: "start",
+                y: -40,
+                className: pie_semi_circle_chart_module_default.label,
+                children: label
+              }), /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _text.Text, {
+                textAnchor: "middle",
+                verticalAnchor: "start",
+                y: -20,
+                className: pie_semi_circle_chart_module_default.note,
+                children: note
+              })]
+            }), !allSegmentsHidden && svgChildren]
+          })
+        })]
+      }), withTooltips && tooltipOpen && tooltipData && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipInPortal, {
+        top: tooltipTop || 0,
+        left: tooltipLeft || 0,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
+          role: "tooltip",
+          children: renderTooltip({
+            tooltipData
+          })
+        })
+      }), showLegend && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEJJO2QNBcjs.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 = _react.useContext.call(void 0, _chunkEJJO2QNBcjs.GlobalChartsContext);
+  if (existingContext) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieSemiCircleChartInternal, {
+      ...props
+    });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEJJO2QNBcjs.GlobalChartsProvider, {
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PieSemiCircleChartInternal, {
+      ...props
+    })
+  });
+};
+PieSemiCircleChartWithProvider.displayName = "PieSemiCircleChart";
+var PieSemiCircleChart = _chunkZVGEDXDPcjs.attachSubComponents.call(void 0, PieSemiCircleChartWithProvider, {
+  Legend: _chunkEJJO2QNBcjs.Legend,
+  SVG: _chunkRCY6XLGUcjs.ChartSVG,
+  HTML: _chunkRCY6XLGUcjs.ChartHTML
+});
+var PieSemiCircleChartResponsive = _chunkZVGEDXDPcjs.attachSubComponents.call(void 0, _chunk7QDEU3KNcjs.withResponsive.call(void 0, PieSemiCircleChartWithProvider), {
+  Legend: _chunkEJJO2QNBcjs.Legend,
+  SVG: _chunkRCY6XLGUcjs.ChartSVG,
+  HTML: _chunkRCY6XLGUcjs.ChartHTML
+});
+
+
+
+
+exports.PieSemiCircleChart = PieSemiCircleChart; exports.PieSemiCircleChartResponsive = PieSemiCircleChartResponsive;
+//# sourceMappingURL=chunk-TKPK4RFS.cjs.map