@automattic/charts 0.57.0 → 0.59.0

package/dist/chunk-XWYZIFZW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/trend-indicator/trend-indicator.tsx","../src/components/trend-indicator/trend-indicator.module.scss"],"sourcesContent":["import clsx from 'clsx';\nimport styles from './trend-indicator.module.scss';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst DIRECTION_LABELS = {\n  up: 'Increase',\n  down: 'Decrease',\n  neutral: 'No change'\n};\nconst Icon = ({\n  direction\n}) => {\n  if (direction === 'neutral') {\n    return null;\n  }\n  const isUp = direction === 'up';\n  return /*#__PURE__*/_jsx(\"svg\", {\n    className: styles['trend-indicator__icon'],\n    viewBox: \"0 0 16 16\",\n    fill: \"none\",\n    \"aria-hidden\": \"true\",\n    children: /*#__PURE__*/_jsx(\"path\", {\n      d: isUp ? 'M8 13V3M4 7l4-4 4 4' : 'M8 3v10M4 9l4 4 4-4',\n      stroke: \"currentColor\",\n      strokeWidth: \"1.5\",\n      strokeLinecap: \"round\",\n      strokeLinejoin: \"round\"\n    })\n  });\n};\n\n/**\n * TrendIndicator displays a directional trend with a value.\n * Used to show percentage changes or growth metrics.\n *\n * @param {TrendIndicatorProps} props - Component props\n * @return {JSX.Element} The rendered trend indicator\n */\nexport function TrendIndicator({\n  direction,\n  value,\n  className,\n  style,\n  showIcon = true\n}) {\n  const ariaLabel = `${DIRECTION_LABELS[direction]}: ${value}`;\n  return /*#__PURE__*/_jsxs(\"span\", {\n    className: clsx(styles['trend-indicator'], styles[`trend-indicator--${direction}`], className),\n    style: style,\n    \"aria-label\": ariaLabel,\n    children: [showIcon && /*#__PURE__*/_jsx(Icon, {\n      direction: direction\n    }), /*#__PURE__*/_jsx(\"span\", {\n      className: styles['trend-indicator__value'],\n      children: value\n    })]\n  });\n}","import 'css-chunk:src/components/trend-indicator/trend-indicator.module.scss';export default {\n  \"trend-indicator\": \"a8ccharts-tGw1PY\",\n  \"trend-indicator--up\": \"a8ccharts-Fn-D1W\",\n  \"trend-indicator--down\": \"a8ccharts-HqtGQO\",\n  \"trend-indicator--neutral\": \"a8ccharts-S10nvO\",\n  \"trend-indicator__icon\": \"a8ccharts-5HjpOT\",\n  \"trend-indicator__value\": \"a8ccharts-muLL2Q\"\n};"],"mappings":";AAAA,OAAO,UAAU;;;ACA6D,IAAO,iCAAQ;AAAA,EAC3F,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,yBAAyB;AAAA,EACzB,4BAA4B;AAAA,EAC5B,yBAAyB;AAAA,EACzB,0BAA0B;AAC5B;;;ADLA,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAM,mBAAmB;AAAA,EACvB,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,SAAS;AACX;AACA,IAAM,OAAO,CAAC;AAAA,EACZ;AACF,MAAM;AACJ,MAAI,cAAc,WAAW;AAC3B,WAAO;AAAA,EACT;AACA,QAAM,OAAO,cAAc;AAC3B,SAAoB,qBAAK,OAAO;AAAA,IAC9B,WAAW,+BAAO,uBAAuB;AAAA,IACzC,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,IACf,UAAuB,qBAAK,QAAQ;AAAA,MAClC,GAAG,OAAO,wBAAwB;AAAA,MAClC,QAAQ;AAAA,MACR,aAAa;AAAA,MACb,eAAe;AAAA,MACf,gBAAgB;AAAA,IAClB,CAAC;AAAA,EACH,CAAC;AACH;AASO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAG;AACD,QAAM,YAAY,GAAG,iBAAiB,SAAS,CAAC,KAAK,KAAK;AAC1D,SAAoB,sBAAM,QAAQ;AAAA,IAChC,WAAW,KAAK,+BAAO,iBAAiB,GAAG,+BAAO,oBAAoB,SAAS,EAAE,GAAG,SAAS;AAAA,IAC7F;AAAA,IACA,cAAc;AAAA,IACd,UAAU,CAAC,YAAyB,qBAAK,MAAM;AAAA,MAC7C;AAAA,IACF,CAAC,GAAgB,qBAAK,QAAQ;AAAA,MAC5B,WAAW,+BAAO,wBAAwB;AAAA,MAC1C,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;","names":[]}

package/dist/chunk-Y3NNQMAX.cjs

@@ -1,194 +0,0 @@
-"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/components/tooltip/base-tooltip.tsx
-var _numberformatters = require('@automattic/number-formatters');
-
-// src/components/tooltip/base-tooltip.module.scss
-var base_tooltip_module_default = {
-  "tooltip": "a8ccharts-OfX6nd"
-};
-
-// src/components/tooltip/base-tooltip.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var DefaultTooltipContent = ({
-  data
-}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
-  children: [_optionalChain([data, 'optionalAccess', _ => _.label]), ": ", _optionalChain([data, 'optionalAccess', _2 => _2.valueDisplay]) || _numberformatters.formatNumber.call(void 0, _optionalChain([data, 'optionalAccess', _3 => _3.value]))]
-});
-var BaseTooltip = ({
-  data,
-  top,
-  left,
-  component: Component = DefaultTooltipContent,
-  children,
-  className,
-  style,
-  renderContainer = true
-}) => {
-  const content = children || data && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, {
-    data,
-    className
-  });
-  if (!renderContainer) {
-    return content;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
-    className: base_tooltip_module_default.tooltip,
-    style: {
-      top,
-      left,
-      ...style
-    },
-    role: "tooltip",
-    children: content
-  });
-};
-
-// src/components/tooltip/accessible-tooltip.tsx
-var _xychart = require('@visx/xychart');
-var _react = require('react');
-
-var AccessibleTooltip = ({
-  renderTooltip,
-  selectedIndex,
-  tooltipRef,
-  keyboardFocusedClassName,
-  series = [],
-  mode = "group",
-  ...props
-}) => {
-  const tooltipContext = _react.useContext.call(void 0, _xychart.TooltipContext);
-  const tooltipData = _react.useMemo.call(void 0, () => {
-    if (mode !== "individual") return [];
-    if (series.length === 0) return [];
-    const maxDataPoints = Math.max(...series.map((s) => s.data.length));
-    const flattened = [];
-    for (let dataPointIndex = 0; dataPointIndex < maxDataPoints; dataPointIndex++) {
-      for (let seriesIndex = 0; seriesIndex < series.length; seriesIndex++) {
-        const seriesData = series[seriesIndex];
-        if (dataPointIndex < seriesData.data.length) {
-          flattened.push({
-            datum: seriesData.data[dataPointIndex],
-            seriesLabel: seriesData.label,
-            seriesIndex,
-            dataPointIndex
-          });
-        }
-      }
-    }
-    return flattened;
-  }, [series, mode]);
-  _react.useEffect.call(void 0, () => {
-    if (selectedIndex === void 0) {
-      _optionalChain([tooltipContext, 'optionalAccess', _4 => _4.hideTooltip, 'call', _5 => _5()]);
-      return;
-    }
-    if (mode === "group") {
-      series.forEach((s, index) => {
-        if (selectedIndex < s.data.length) {
-          const datum = s.data[selectedIndex];
-          _optionalChain([tooltipContext, 'optionalAccess', _6 => _6.showTooltip, 'call', _7 => _7({
-            datum,
-            key: s.label,
-            index
-          })]);
-        }
-      });
-    } else if (mode === "individual") {
-      if (selectedIndex < tooltipData.length) {
-        const tooltipItem = tooltipData[selectedIndex];
-        _optionalChain([tooltipContext, 'optionalAccess', _8 => _8.showTooltip, 'call', _9 => _9({
-          datum: tooltipItem.datum,
-          key: tooltipItem.seriesLabel,
-          index: tooltipItem.seriesIndex
-        })]);
-      }
-    }
-  }, [selectedIndex, tooltipData, series]);
-  const focusableRenderTooltip = _react.useMemo.call(void 0, () => {
-    if (!renderTooltip) return void 0;
-    return (params) => {
-      const tooltipContent = renderTooltip(params);
-      if (selectedIndex !== void 0) {
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
-          ref: tooltipRef,
-          tabIndex: -1,
-          role: "tooltip",
-          "aria-atomic": "true",
-          className: keyboardFocusedClassName,
-          children: tooltipContent
-        }, `chart-tooltip-${selectedIndex}`);
-      }
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {
-        role: "tooltip",
-        "aria-live": "polite",
-        children: tooltipContent
-      });
-    };
-  }, [renderTooltip, selectedIndex, tooltipRef, keyboardFocusedClassName]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _xychart.Tooltip, {
-    ...props,
-    renderTooltip: focusableRenderTooltip
-  });
-};
-var useKeyboardNavigation = ({
-  selectedIndex,
-  setSelectedIndex,
-  isNavigating,
-  setIsNavigating,
-  chartRef,
-  totalPoints
-}) => {
-  const tooltipRef = _react.useCallback.call(void 0, (element) => {
-    if (element && selectedIndex !== void 0) {
-      element.focus();
-    }
-  }, [selectedIndex]);
-  const onChartFocus = _react.useCallback.call(void 0, () => {
-    if (!isNavigating && selectedIndex !== void 0) {
-      setSelectedIndex(0);
-    }
-  }, [isNavigating, selectedIndex, setSelectedIndex]);
-  const onChartBlur = _react.useCallback.call(void 0, () => {
-    setIsNavigating(false);
-  }, [setIsNavigating]);
-  const onChartKeyDown = _react.useCallback.call(void 0, (event) => {
-    if (totalPoints === 0) return;
-    if (event.key === "Tab") {
-      _optionalChain([chartRef, 'access', _10 => _10.current, 'optionalAccess', _11 => _11.focus, 'call', _12 => _12()]);
-      setSelectedIndex(void 0);
-      setIsNavigating(false);
-      return;
-    }
-    const currentSelectedIndex = selectedIndex === void 0 ? -1 : selectedIndex;
-    if (currentSelectedIndex + 1 >= totalPoints && ["ArrowRight"].includes(event.key)) {
-      _optionalChain([chartRef, 'access', _13 => _13.current, 'optionalAccess', _14 => _14.focus, 'call', _15 => _15()]);
-      setSelectedIndex(void 0);
-      setIsNavigating(false);
-      return;
-    }
-    event.preventDefault();
-    if (["ArrowRight"].includes(event.key)) {
-      setIsNavigating(true);
-      setSelectedIndex((currentSelectedIndex + 1) % totalPoints);
-    } else if (["ArrowLeft"].includes(event.key)) {
-      setIsNavigating(true);
-      setSelectedIndex((currentSelectedIndex - 1 + totalPoints) % totalPoints);
-    } else if (event.key === "Escape") {
-      setSelectedIndex(void 0);
-      setIsNavigating(false);
-      _optionalChain([chartRef, 'access', _16 => _16.current, 'optionalAccess', _17 => _17.focus, 'call', _18 => _18()]);
-    }
-  }, [totalPoints, selectedIndex, setSelectedIndex, setIsNavigating, chartRef]);
-  return {
-    tooltipRef,
-    onChartFocus,
-    onChartBlur,
-    onChartKeyDown
-  };
-};
-
-
-
-
-
-exports.BaseTooltip = BaseTooltip; exports.AccessibleTooltip = AccessibleTooltip; exports.useKeyboardNavigation = useKeyboardNavigation;
-//# sourceMappingURL=chunk-Y3NNQMAX.cjs.map

package/dist/chunk-Y3NNQMAX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-Y3NNQMAX.cjs","../src/components/tooltip/base-tooltip.tsx","../src/components/tooltip/base-tooltip.module.scss","../src/components/tooltip/accessible-tooltip.tsx"],"names":["_jsx"],"mappings":"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","file":"/home/runner/work/jetpack/jetpack/projects/js-packages/charts/dist/chunk-Y3NNQMAX.cjs","sourcesContent":[null,"import { formatNumber } from '@automattic/number-formatters';\nimport styles from './base-tooltip.module.scss';\nimport { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nconst DefaultTooltipContent = ({\n  data\n}) => /*#__PURE__*/_jsxs(_Fragment, {\n  children: [data?.label, \": \", data?.valueDisplay || formatNumber(data?.value)]\n});\nexport const BaseTooltip = ({\n  data,\n  top,\n  left,\n  component: Component = DefaultTooltipContent,\n  children,\n  className,\n  style,\n  renderContainer = true\n}) => {\n  const content = children || data && /*#__PURE__*/_jsx(Component, {\n    data: data,\n    className: className\n  });\n  if (!renderContainer) {\n    return content;\n  }\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: styles.tooltip,\n    style: {\n      top,\n      left,\n      ...style\n    },\n    role: \"tooltip\",\n    children: content\n  });\n};","import 'css-chunk:src/components/tooltip/base-tooltip.module.scss';export default {\n  \"tooltip\": \"a8ccharts-OfX6nd\"\n};","import { Tooltip, TooltipContext } from '@visx/xychart';\nimport { useContext, useEffect, useCallback, useMemo } from 'react';\n\n// Type for flattened tooltip data used in individual mode\n\n// Enhanced tooltip with keyboard navigation and accessibility\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const AccessibleTooltip = ({\n  renderTooltip,\n  selectedIndex,\n  tooltipRef,\n  keyboardFocusedClassName,\n  series = [],\n  mode = 'group',\n  ...props\n}) => {\n  const tooltipContext = useContext(TooltipContext);\n  const tooltipData = useMemo(() => {\n    if (mode !== 'individual') return [];\n    if (series.length === 0) return [];\n    const maxDataPoints = Math.max(...series.map(s => s.data.length));\n    const flattened = [];\n\n    // Pattern: [series1[0], series2[0], series3[0], series1[1], series2[1], series3[1], ...]\n    for (let dataPointIndex = 0; dataPointIndex < maxDataPoints; dataPointIndex++) {\n      for (let seriesIndex = 0; seriesIndex < series.length; seriesIndex++) {\n        const seriesData = series[seriesIndex];\n        if (dataPointIndex < seriesData.data.length) {\n          flattened.push({\n            datum: seriesData.data[dataPointIndex],\n            seriesLabel: seriesData.label,\n            seriesIndex,\n            dataPointIndex\n          });\n        }\n      }\n    }\n    return flattened;\n  }, [series, mode]);\n\n  // Handle tooltip highlighting for keyboard navigation\n  useEffect(() => {\n    if (selectedIndex === undefined) {\n      tooltipContext?.hideTooltip();\n      return;\n    }\n    if (mode === 'group') {\n      // Show all series at the selected data point index in single tooltip.\n      series.forEach((s, index) => {\n        if (selectedIndex < s.data.length) {\n          const datum = s.data[selectedIndex];\n          tooltipContext?.showTooltip({\n            datum,\n            key: s.label,\n            index\n          });\n        }\n      });\n    } else if (mode === 'individual') {\n      // Show individual tooltips for each datapoint from each series.\n      if (selectedIndex < tooltipData.length) {\n        const tooltipItem = tooltipData[selectedIndex];\n        tooltipContext?.showTooltip({\n          datum: tooltipItem.datum,\n          key: tooltipItem.seriesLabel,\n          index: tooltipItem.seriesIndex\n        });\n      }\n    }\n\n    // Don't include tooltipContext in the dependency array to avoid loop.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedIndex, tooltipData, series]);\n\n  // Create a focusable renderTooltip that includes accessibility features\n  const focusableRenderTooltip = useMemo(() => {\n    if (!renderTooltip) return undefined;\n    return params => {\n      const tooltipContent = renderTooltip(params);\n      if (selectedIndex !== undefined) {\n        return /*#__PURE__*/_jsx(\"div\", {\n          ref: tooltipRef,\n          tabIndex: -1,\n          role: \"tooltip\",\n          \"aria-atomic\": \"true\",\n          className: keyboardFocusedClassName,\n          children: tooltipContent\n        }, `chart-tooltip-${selectedIndex}`);\n      }\n      return /*#__PURE__*/_jsx(\"div\", {\n        role: \"tooltip\",\n        \"aria-live\": \"polite\",\n        children: tooltipContent\n      });\n    };\n  }, [renderTooltip, selectedIndex, tooltipRef, keyboardFocusedClassName]);\n  return /*#__PURE__*/_jsx(Tooltip, {\n    ...props,\n    renderTooltip: focusableRenderTooltip\n  });\n};\n\n// Keyboard navigation hook for charts\n\nexport const useKeyboardNavigation = ({\n  selectedIndex,\n  setSelectedIndex,\n  isNavigating,\n  setIsNavigating,\n  chartRef,\n  totalPoints\n}) => {\n  // Focus the tooltip as soon as it is rendered\n  const tooltipRef = useCallback(element => {\n    if (element && selectedIndex !== undefined) {\n      element.focus();\n    }\n  }, [selectedIndex]);\n\n  // On each focus of chart, reset the selectedIndex to 0, if keyboard navigation is not already active\n  const onChartFocus = useCallback(() => {\n    if (!isNavigating && selectedIndex !== undefined) {\n      setSelectedIndex(0);\n    }\n  }, [isNavigating, selectedIndex, setSelectedIndex]);\n\n  // On each blur of chart, keyboard navigation should restart from first tooltip\n  const onChartBlur = useCallback(() => {\n    setIsNavigating(false);\n  }, [setIsNavigating]);\n  const onChartKeyDown = useCallback(event => {\n    if (totalPoints === 0) return;\n\n    // Keep focus on the chart if tab is pressed\n    if (event.key === 'Tab') {\n      chartRef.current?.focus();\n      setSelectedIndex(undefined);\n      setIsNavigating(false);\n      return;\n    }\n    const currentSelectedIndex = selectedIndex === undefined ? -1 : selectedIndex;\n    if (currentSelectedIndex + 1 >= totalPoints && ['ArrowRight'].includes(event.key)) {\n      chartRef.current?.focus();\n      setSelectedIndex(undefined);\n      setIsNavigating(false);\n      return;\n    }\n    event.preventDefault();\n    if (['ArrowRight'].includes(event.key)) {\n      setIsNavigating(true);\n      setSelectedIndex((currentSelectedIndex + 1) % totalPoints);\n    } else if (['ArrowLeft'].includes(event.key)) {\n      setIsNavigating(true);\n      setSelectedIndex((currentSelectedIndex - 1 + totalPoints) % totalPoints);\n    } else if (event.key === 'Escape') {\n      setSelectedIndex(undefined);\n      setIsNavigating(false);\n      chartRef.current?.focus();\n    }\n  }, [totalPoints, selectedIndex, setSelectedIndex, setIsNavigating, chartRef]);\n  return {\n    tooltipRef,\n    onChartFocus,\n    onChartBlur,\n    onChartKeyDown\n  };\n};\n\n// Re-export the base Tooltip for backwards compatibility\nexport { Tooltip };"]}