@automattic/charts 0.56.3 → 0.56.5

package/dist/chunk-KHRPRH4V.js

@@ -0,0 +1,165 @@
+import {
+  LineChart
+} from "./chunk-DLSUC7RN.js";
+import {
+  withResponsive
+} from "./chunk-TYIH5LMV.js";
+import {
+  useGlobalChartsTheme
+} from "./chunk-32ESS4MV.js";
+
+// src/charts/sparkline/sparkline.tsx
+import clsx from "clsx";
+import { useMemo, forwardRef } from "react";
+
+// src/charts/sparkline/sparkline.module.scss
+var sparkline_module_default = {
+  "sparkline": "a8ccharts-o-3Z8B",
+  "sparkline--empty": "a8ccharts-CbLbcd"
+};
+
+// src/charts/sparkline/sparkline.tsx
+import { jsx as _jsx } from "react/jsx-runtime";
+var DEFAULT_WIDTH = 100;
+var DEFAULT_HEIGHT = 40;
+var transformToSeriesData = (data, color, strokeWidth) => {
+  const baseDate = new Date(2e3, 0, 1);
+  return [{
+    label: "sparkline",
+    data: data.map((value, index) => ({
+      date: new Date(baseDate.getTime() + index * 864e5),
+      // Add days
+      value
+    })),
+    options: {
+      stroke: color,
+      seriesLineStyle: strokeWidth ? {
+        strokeWidth
+      } : void 0
+    }
+  }];
+};
+var SparklineComponent = /* @__PURE__ */ forwardRef(({
+  data,
+  width = DEFAULT_WIDTH,
+  height = DEFAULT_HEIGHT,
+  color,
+  strokeWidth: strokeWidthProp,
+  withGradientFill = true,
+  gradient,
+  className,
+  chartId,
+  margin: marginProp,
+  animation
+}, ref) => {
+  const theme = useGlobalChartsTheme();
+  const themeStrokeWidth = theme.sparkline?.strokeWidth ?? 1.5;
+  const strokeWidth = strokeWidthProp ?? themeStrokeWidth;
+  const seriesData = useMemo(() => {
+    if (!data || data.length === 0) {
+      return [];
+    }
+    return transformToSeriesData(data, color, strokeWidth);
+  }, [data, color, strokeWidth]);
+  const finalMargin = useMemo(() => {
+    const themeMargin = theme.sparkline?.margin ?? {
+      top: 2,
+      right: 2,
+      bottom: 2,
+      left: 2
+    };
+    const margin = marginProp ?? themeMargin;
+    return {
+      ...themeMargin,
+      ...margin
+    };
+  }, [marginProp, theme.sparkline?.margin]);
+  const seriesWithGradient = useMemo(() => {
+    if (!gradient || seriesData.length === 0) {
+      return seriesData;
+    }
+    return seriesData.map((series) => ({
+      ...series,
+      options: {
+        ...series.options,
+        gradient: {
+          from: gradient.from || color || "#000000",
+          to: gradient.to || "#ffffff",
+          fromOpacity: gradient.fromOpacity ?? 0.5,
+          toOpacity: gradient.toOpacity ?? 0
+        }
+      }
+    }));
+  }, [seriesData, gradient, color]);
+  if (!data || data.length === 0) {
+    return /* @__PURE__ */ _jsx("div", {
+      ref,
+      className: clsx("sparkline", sparkline_module_default.sparkline, sparkline_module_default["sparkline--empty"], className),
+      style: {
+        width,
+        height
+      }
+    });
+  }
+  if (data.length === 1) {
+    const cx = width / 2;
+    const cy = height / 2;
+    const resolvedColor = color || "#000000";
+    return /* @__PURE__ */ _jsx("div", {
+      ref,
+      className: clsx("sparkline", sparkline_module_default.sparkline, sparkline_module_default["sparkline--single-point"], className),
+      style: {
+        width,
+        height
+      },
+      children: /* @__PURE__ */ _jsx("svg", {
+        width,
+        height,
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ _jsx("circle", {
+          cx,
+          cy,
+          r: strokeWidth * 1.5,
+          fill: resolvedColor
+        })
+      })
+    });
+  }
+  return /* @__PURE__ */ _jsx("div", {
+    ref,
+    className: clsx("sparkline", sparkline_module_default.sparkline, className),
+    children: /* @__PURE__ */ _jsx(LineChart, {
+      data: seriesWithGradient,
+      width,
+      height,
+      margin: finalMargin,
+      chartId,
+      withGradientFill,
+      withTooltips: false,
+      showLegend: false,
+      gridVisibility: "none",
+      options: {
+        axis: {
+          x: {
+            display: false
+          },
+          y: {
+            display: false
+          }
+        }
+      },
+      curveType: "monotone",
+      animation
+    })
+  });
+});
+SparklineComponent.displayName = "SparklineComponent";
+var SparklineUnresponsive = SparklineComponent;
+SparklineUnresponsive.displayName = "SparklineUnresponsive";
+var Sparkline = withResponsive(SparklineUnresponsive);
+
+export {
+  SparklineUnresponsive,
+  Sparkline
+};
+//# sourceMappingURL=chunk-KHRPRH4V.js.map

package/dist/chunk-KHRPRH4V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/sparkline/sparkline.tsx","../src/charts/sparkline/sparkline.module.scss"],"sourcesContent":["import clsx from 'clsx';\nimport { useMemo, forwardRef } from 'react';\nimport { useGlobalChartsTheme } from '../../providers';\nimport { LineChartUnresponsive } from '../line-chart';\nimport { withResponsive } from '../private/with-responsive';\nimport styles from './sparkline.module.scss';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DEFAULT_WIDTH = 100;\nconst DEFAULT_HEIGHT = 40;\n\n/**\n * Transforms a simple number array into SeriesData format for LineChart.\n * Uses index-based dates to create a linear x-axis.\n *\n * @param data        - Array of numeric values to plot\n * @param color       - Optional color for the line stroke\n * @param strokeWidth - Optional stroke width for the line\n * @return SeriesData array suitable for LineChart\n */\nconst transformToSeriesData = (data, color, strokeWidth) => {\n  // Use a fixed base date and increment by index to create linear spacing\n  const baseDate = new Date(2000, 0, 1);\n  return [{\n    label: 'sparkline',\n    data: data.map((value, index) => ({\n      date: new Date(baseDate.getTime() + index * 86400000),\n      // Add days\n      value\n    })),\n    options: {\n      stroke: color,\n      seriesLineStyle: strokeWidth ? {\n        strokeWidth\n      } : undefined\n    }\n  }];\n};\nconst SparklineComponent = /*#__PURE__*/forwardRef(({\n  data,\n  width = DEFAULT_WIDTH,\n  height = DEFAULT_HEIGHT,\n  color,\n  strokeWidth: strokeWidthProp,\n  withGradientFill = true,\n  gradient,\n  className,\n  chartId,\n  margin: marginProp,\n  animation\n}, ref) => {\n  const theme = useGlobalChartsTheme();\n\n  // Get theme defaults for sparkline\n  const themeStrokeWidth = theme.sparkline?.strokeWidth ?? 1.5;\n\n  // Use prop values or fall back to theme defaults\n  const strokeWidth = strokeWidthProp ?? themeStrokeWidth;\n\n  // Transform number[] to SeriesData[] for LineChart\n  const seriesData = useMemo(() => {\n    if (!data || data.length === 0) {\n      return [];\n    }\n    return transformToSeriesData(data, color, strokeWidth);\n  }, [data, color, strokeWidth]);\n\n  // Merge margins with theme defaults\n  const finalMargin = useMemo(() => {\n    const themeMargin = theme.sparkline?.margin ?? {\n      top: 2,\n      right: 2,\n      bottom: 2,\n      left: 2\n    };\n    const margin = marginProp ?? themeMargin;\n    return {\n      ...themeMargin,\n      ...margin\n    };\n  }, [marginProp, theme.sparkline?.margin]);\n\n  // Build gradient options for the series if custom gradient is provided\n  // Note: This must be called before any early returns to follow React hooks rules\n  const seriesWithGradient = useMemo(() => {\n    if (!gradient || seriesData.length === 0) {\n      return seriesData;\n    }\n    return seriesData.map(series => ({\n      ...series,\n      options: {\n        ...series.options,\n        gradient: {\n          from: gradient.from || color || '#000000',\n          to: gradient.to || '#ffffff',\n          fromOpacity: gradient.fromOpacity ?? 0.5,\n          toOpacity: gradient.toOpacity ?? 0.0\n        }\n      }\n    }));\n  }, [seriesData, gradient, color]);\n\n  // Handle empty data\n  if (!data || data.length === 0) {\n    return /*#__PURE__*/_jsx(\"div\", {\n      ref: ref,\n      className: clsx('sparkline', styles.sparkline, styles['sparkline--empty'], className),\n      style: {\n        width,\n        height\n      }\n    });\n  }\n\n  // Handle single data point - render a simple dot\n  if (data.length === 1) {\n    const cx = width / 2;\n    const cy = height / 2;\n    const resolvedColor = color || '#000000';\n    return /*#__PURE__*/_jsx(\"div\", {\n      ref: ref,\n      className: clsx('sparkline', styles.sparkline, styles['sparkline--single-point'], className),\n      style: {\n        width,\n        height\n      },\n      children: /*#__PURE__*/_jsx(\"svg\", {\n        width: width,\n        height: height,\n        \"aria-hidden\": \"true\",\n        children: /*#__PURE__*/_jsx(\"circle\", {\n          cx: cx,\n          cy: cy,\n          r: strokeWidth * 1.5,\n          fill: resolvedColor\n        })\n      })\n    });\n  }\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    className: clsx('sparkline', styles.sparkline, className),\n    children: /*#__PURE__*/_jsx(LineChartUnresponsive, {\n      data: seriesWithGradient,\n      width: width,\n      height: height,\n      margin: finalMargin,\n      chartId: chartId,\n      withGradientFill: withGradientFill,\n      withTooltips: false,\n      showLegend: false,\n      gridVisibility: \"none\",\n      options: {\n        axis: {\n          x: {\n            display: false\n          },\n          y: {\n            display: false\n          }\n        }\n      },\n      curveType: \"monotone\",\n      animation: animation\n    })\n  });\n});\nSparklineComponent.displayName = 'SparklineComponent';\n\n/**\n * Sparkline - A minimal line chart for inline data visualization.\n *\n * Sparklines are compact charts designed to be embedded inline with text or\n * displayed in small spaces like table cells or dashboards. They show trends\n * without axes, labels, or other chart chrome.\n *\n * This component is built on top of LineChart with preconfigured settings\n * for minimal display (no axes, grid, tooltips, or legend).\n */\nconst SparklineUnresponsive = SparklineComponent;\nSparklineUnresponsive.displayName = 'SparklineUnresponsive';\n\n/**\n * Responsive Sparkline chart component\n */\nconst Sparkline = withResponsive(SparklineUnresponsive);\nexport { Sparkline as default, SparklineUnresponsive };","import 'css-chunk:src/charts/sparkline/sparkline.module.scss';export default {\n  \"sparkline\": \"a8ccharts-o-3Z8B\",\n  \"sparkline--empty\": \"a8ccharts-CbLbcd\"\n};"],"mappings":"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","names":[]}

package/dist/{chunk-A3AEEGKR.js → chunk-KXRWNFQJ.js}

@@ -1,5 +1,5 @@
 // src/charts/private/radial-wipe-animation/radial-wipe-animation.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 function RadialWipeAnimation({
   id,
   radius,
@@ -15,9 +15,9 @@ function RadialWipeAnimation({
   const isValidWipePercentage = 0 < wipePercentage && wipePercentage <= 100;
   const animationDuration = `${// If wipePercentage is invalid, set animation duration to 0 to disable animation.
   isValidWipePercentage ? durationMs * (100 / wipePercentage) : 0}ms`;
-  return /* @__PURE__ */ jsx("mask", { id, children: /* @__PURE__ */ jsx(
-    "circle",
-    {
+  return /* @__PURE__ */ _jsx("mask", {
+    id,
+    children: /* @__PURE__ */ _jsx("circle", {
       cx: 0,
       cy: 0,
       r: radius,
@@ -27,26 +27,25 @@ function RadialWipeAnimation({
       strokeWidth,
       strokeDasharray: "100, 1000",
       strokeDashoffset: "0",
-      style: { transform: `rotate(${startAngle}) scaleY(${scaleY})` },
-      children: /* @__PURE__ */ jsx(
-        "animate",
-        {
-          attributeName: "stroke-dashoffset",
-          from: "0",
-          to: "100.1",
-          dur: animationDuration,
-          fill: "freeze",
-          calcMode: "spline",
-          keySplines: "0.42 0 0.58 1;0 0 1 1",
-          keyTimes: `0;${wipePercentage / 100};1`
-        }
-      )
-    }
-  ) });
+      style: {
+        transform: `rotate(${startAngle}) scaleY(${scaleY})`
+      },
+      children: /* @__PURE__ */ _jsx("animate", {
+        attributeName: "stroke-dashoffset",
+        from: "0",
+        to: "100.1",
+        dur: animationDuration,
+        fill: "freeze",
+        calcMode: "spline",
+        keySplines: "0.42 0 0.58 1;0 0 1 1",
+        keyTimes: `0;${wipePercentage / 100};1`
+      })
+    })
+  });
 }
 var radial_wipe_animation_default = RadialWipeAnimation;
 
 export {
   radial_wipe_animation_default
 };
-//# sourceMappingURL=chunk-A3AEEGKR.js.map
+//# sourceMappingURL=chunk-KXRWNFQJ.js.map

package/dist/chunk-KXRWNFQJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/private/radial-wipe-animation/radial-wipe-animation.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n/**\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\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 */\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  id,\n  radius,\n  innerRadius = 0,\n  durationMs = 1000,\n  wipePercentage = 100,\n  direction = 'clockwise',\n  startAngle = '-90deg'\n}) {\n  const strokeWidth = (radius - innerRadius) * 2 +\n  // The stroke is centered on the circumference, so we need to double the width.\n  1; // Added 1 to prevent sub-pixel rendering issues.\n\n  const scaleY = direction === 'clockwise' ? -1 : 1;\n  const isValidWipePercentage = 0 < wipePercentage && wipePercentage <= 100;\n  const animationDuration = `${\n  // If wipePercentage is invalid, set animation duration to 0 to disable animation.\n  isValidWipePercentage ? durationMs * (100 / wipePercentage) : 0}ms`;\n  return /*#__PURE__*/_jsx(\"mask\", {\n    id: id,\n    children: /*#__PURE__*/_jsx(\"circle\", {\n      cx: 0,\n      cy: 0,\n      r: radius,\n      pathLength: \"100\",\n      fill: \"white\",\n      stroke: \"black\" // The stroke will be un-drawn, hence 'black' mask.\n      ,\n      strokeWidth: strokeWidth,\n      strokeDasharray: \"100, 1000\",\n      strokeDashoffset: \"0\",\n      style: {\n        transform: `rotate(${startAngle}) scaleY(${scaleY})`\n      },\n      children: /*#__PURE__*/_jsx(\"animate\", {\n        attributeName: \"stroke-dashoffset\",\n        from: \"0\",\n        to: \"100.1\",\n        dur: animationDuration,\n        fill: \"freeze\" // Same as CSS 'forwards' to retain the final state after animation.\n        ,\n        calcMode: \"spline\" // custom easing\n        ,\n        keySplines: \"0.42 0 0.58 1;0 0 1 1\" // ease-in-out ; linear (unimportant)\n        ,\n        keyTimes: `0;${wipePercentage / 100};1`\n      })\n    })\n  });\n}\nexport default RadialWipeAnimation;"],"mappings":";AAAA,SAAS,OAAO,YAAY;AAiC5B,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,aAAa;AACf,GAAG;AACD,QAAM,eAAe,SAAS,eAAe;AAAA,EAE7C;AAEA,QAAM,SAAS,cAAc,cAAc,KAAK;AAChD,QAAM,wBAAwB,IAAI,kBAAkB,kBAAkB;AACtE,QAAM,oBAAoB;AAAA,EAE1B,wBAAwB,cAAc,MAAM,kBAAkB,CAAC;AAC/D,SAAoB,qBAAK,QAAQ;AAAA,IAC/B;AAAA,IACA,UAAuB,qBAAK,UAAU;AAAA,MACpC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,QAAQ;AAAA,MAER;AAAA,MACA,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,OAAO;AAAA,QACL,WAAW,UAAU,UAAU,YAAY,MAAM;AAAA,MACnD;AAAA,MACA,UAAuB,qBAAK,WAAW;AAAA,QACrC,eAAe;AAAA,QACf,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,MAAM;AAAA,QAEN,UAAU;AAAA,QAEV,YAAY;AAAA,QAEZ,UAAU,KAAK,iBAAiB,GAAG;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gCAAQ;","names":[]}