@automattic/charts 0.56.3 → 0.56.4

package/dist/chunk-KOF32DBL.cjs

@@ -1,1058 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkSH32YSZOcjs = require('./chunk-SH32YSZO.cjs');
-
-
-
-var _chunk7HROSZRScjs = require('./chunk-7HROSZRS.cjs');
-
-
-var _chunkNW3RUYK2cjs = require('./chunk-NW3RUYK2.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkTVV7ZI7Ccjs = require('./chunk-TVV7ZI7C.cjs');
-
-
-
-var _chunkZVGEDXDPcjs = require('./chunk-ZVGEDXDP.cjs');
-
-// src/charts/line-chart/line-chart.tsx
-var _numberformatters = require('@automattic/number-formatters');
-var _curve = require('@visx/curve');
-var _gradient = require('@visx/gradient');
-var _scale = require('@visx/scale');
-var _xychart = require('@visx/xychart');
-var _i18n = require('@wordpress/i18n');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _datefns = require('date-fns');
-var _react = require('react');
-
-// src/charts/private/default-glyph/default-glyph.tsx
-
-
-var _jsxruntime = require('react/jsx-runtime');
-var DefaultGlyph = (props) => {
-  const { theme } = _react.useContext.call(void 0, _xychart.DataContext) || {};
-  const position = props.position || "start";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "circle",
-    {
-      cx: props.x,
-      cy: props.y,
-      r: props.size,
-      fill: props.color,
-      stroke: _optionalChain([theme, 'optionalAccess', _ => _.backgroundColor]),
-      strokeWidth: 1.5,
-      paintOrder: "fill",
-      "data-testid": `${position}-glyph-${props.index}`,
-      ...props.glyphStyle
-    }
-  );
-};
-
-// src/charts/line-chart/line-chart.module.scss
-var line_chart_module_default = {
-  "line-chart": "a8ccharts-v-oO8E",
-  "line-chart__svg-wrapper": "a8ccharts-cpMNjj",
-  "line-chart--animated": "a8ccharts-QrkuTW",
-  "rise": "a8ccharts--rxDU3",
-  "line-chart__tooltip": "a8ccharts-Tu0rR-",
-  "line-chart__annotation-label-popover": "a8ccharts--RSWXi",
-  "line-chart__tooltip-date": "a8ccharts-Q-b5A1",
-  "line-chart__tooltip-row": "a8ccharts-19N7T9",
-  "line-chart__tooltip-label": "a8ccharts-HOAXrD",
-  "line-chart__annotations-overlay": "a8ccharts-rQiY8O",
-  "line-chart__annotation-label": "a8ccharts-8AKWOe",
-  "line-chart__annotation-label-trigger-button": "a8ccharts-7mh3Cl",
-  "line-chart__annotation-label-popover--visible": "a8ccharts-VAeVuJ",
-  "line-chart__annotation-label-popover--safari": "a8ccharts-TEe-iV",
-  "line-chart__annotation-label-popover-header": "a8ccharts-LAUpx7",
-  "line-chart__annotation-label-popover-content": "a8ccharts-b76gEu",
-  "line-chart__annotation-label-popover-close-button": "a8ccharts-LIpFoS"
-};
-
-// src/charts/line-chart/private/line-chart-annotation-label-popover.tsx
-
-
-var _gridicons = require('gridicons'); var _gridicons2 = _interopRequireDefault(_gridicons);
-
-
-var POPOVER_BUTTON_SIZE = 44;
-var LineChartAnnotationLabelWithPopover = ({
-  title,
-  subtitle,
-  renderLabel,
-  renderLabelPopover
-}) => {
-  const popoverId = _react.useId.call(void 0, );
-  const buttonRef = _react.useRef.call(void 0, null);
-  const popoverRef = _react.useRef.call(void 0, null);
-  const [isPositioned, setIsPositioned] = _react.useState.call(void 0, false);
-  const isBrowserSafari = _chunkZVGEDXDPcjs.isSafari.call(void 0, );
-  _react.useEffect.call(void 0, () => {
-    const button = buttonRef.current;
-    const popover = popoverRef.current;
-    if (!button || !popover) return;
-    const positionPopover = () => {
-      if (!isBrowserSafari) {
-        const buttonRect = button.getBoundingClientRect();
-        popover.style.left = `${buttonRect.right}px`;
-        popover.style.top = `${buttonRect.top}px`;
-      }
-      setIsPositioned(true);
-    };
-    popover.addEventListener("toggle", (e) => {
-      if (e.newState === "open") {
-        positionPopover();
-      }
-    });
-    try {
-      if (popover.matches(":popover-open")) {
-        positionPopover();
-      }
-    } catch (e2) {
-    }
-  }, [isBrowserSafari]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: line_chart_module_default["line-chart__annotation-label"], children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "button",
-      {
-        ref: buttonRef,
-        ...{ popovertarget: popoverId },
-        className: line_chart_module_default["line-chart__annotation-label-trigger-button"],
-        style: {
-          width: `${POPOVER_BUTTON_SIZE}px`,
-          height: `${POPOVER_BUTTON_SIZE}px`,
-          transform: `translate(${POPOVER_BUTTON_SIZE / 2}px, 0)`
-        },
-        "aria-label": title || _i18n.__.call(void 0, "View details", "jetpack-charts"),
-        children: renderLabel({ title, subtitle })
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        ref: popoverRef,
-        id: popoverId,
-        ...{ popover: "auto" },
-        className: _clsx2.default.call(void 0, 
-          line_chart_module_default["line-chart__annotation-label-popover"],
-          isPositioned && line_chart_module_default["line-chart__annotation-label-popover--visible"],
-          isBrowserSafari && line_chart_module_default["line-chart__annotation-label-popover--safari"]
-        ),
-        "data-testid": "line-chart-annotation-label-popover",
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: line_chart_module_default["line-chart__annotation-label-popover-header"], children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: line_chart_module_default["line-chart__annotation-label-popover-content"], children: renderLabelPopover({ title, subtitle }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "button",
-            {
-              ...{
-                popovertarget: popoverId,
-                popovertargetaction: "hide"
-              },
-              className: line_chart_module_default["line-chart__annotation-label-popover-close-button"],
-              "aria-label": _i18n.__.call(void 0, "Close", "jetpack-charts"),
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _gridicons2.default, { icon: "cross", size: 16 })
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-};
-var line_chart_annotation_label_popover_default = LineChartAnnotationLabelWithPopover;
-
-// src/charts/line-chart/private/line-chart-annotations-overlay.tsx
-
-
-
-var LineChartAnnotationsOverlay = ({ children }) => {
-  const { chartRef, chartWidth, chartHeight } = _chunkTVV7ZI7Ccjs.useSingleChartContext.call(void 0, );
-  const [scales, setScales] = _react.useState.call(void 0, null);
-  const [scalesStable, setScalesStable] = _react.useState.call(void 0, false);
-  const createScaleSignature = _react.useCallback.call(void 0, (scaleData) => {
-    const xDomain = scaleData.xScale.domain();
-    const yDomain = scaleData.yScale.domain();
-    const xRange = scaleData.xScale.range();
-    const yRange = scaleData.yScale.range();
-    return `${xDomain.join(",")}-${yDomain.join(",")}-${xRange.join(
-      ","
-    )}-${yRange.join(",")}`;
-  }, []);
-  const getScalesData = _react.useCallback.call(void 0, () => {
-    if (_optionalChain([chartRef, 'optionalAccess', _2 => _2.current])) {
-      const scaleData = chartRef.current.getScales();
-      if (scaleData) {
-        const scaleInfo = {
-          xScale: scaleData.xScale,
-          yScale: scaleData.yScale
-        };
-        return {
-          scales: scaleInfo,
-          signature: createScaleSignature(scaleInfo)
-        };
-      }
-    }
-    return null;
-  }, [chartRef, createScaleSignature]);
-  _react.useEffect.call(void 0, () => {
-    let timeoutId = null;
-    let lastSignature = null;
-    let retryCount = 0;
-    const maxRetries = 20;
-    const checkInterval = 50;
-    setScalesStable(false);
-    const monitorScales = () => {
-      const currentScaleData = getScalesData();
-      if (currentScaleData) {
-        const scalesSettled = lastSignature && currentScaleData.signature === lastSignature;
-        if (scalesSettled) {
-          setScalesStable(true);
-          return;
-        }
-        setScales(currentScaleData.scales);
-        lastSignature = currentScaleData.signature;
-      }
-      if (retryCount < maxRetries) {
-        retryCount++;
-        timeoutId = setTimeout(monitorScales, checkInterval);
-      }
-    };
-    monitorScales();
-    return () => {
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-    };
-  }, [getScalesData, chartWidth, chartHeight]);
-  if (!chartRef || !children) {
-    return null;
-  }
-  if (!scales || !scalesStable) {
-    return null;
-  }
-  const dataContextValue = {
-    xScale: scales.xScale,
-    yScale: scales.yScale,
-    margin: { top: 0, right: 0, bottom: 0, left: 0 },
-    width: chartWidth,
-    height: chartHeight
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _xychart.DataContext.Provider, { value: dataContextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "svg",
-    {
-      width: chartWidth,
-      height: chartHeight,
-      className: line_chart_module_default["line-chart__annotations-overlay"],
-      "data-testid": "line-chart-annotations-overlay",
-      children
-    }
-  ) });
-};
-var line_chart_annotations_overlay_default = LineChartAnnotationsOverlay;
-
-// src/charts/line-chart/private/line-chart-annotation.tsx
-
-
-
-
-
-
-
-var _annotation = require('@visx/annotation');
-
-var _deepmerge = require('deepmerge'); var _deepmerge2 = _interopRequireDefault(_deepmerge);
-
-
-var ANNOTATION_MAX_WIDTH = 125;
-var ANNOTATION_INIT_HEIGHT = 100;
-var getLabelPosition = ({
-  subjectType,
-  x,
-  xMax,
-  y,
-  yMin,
-  yMax,
-  maxWidth,
-  height
-}) => {
-  const annotationMaxWidth = _nullishCoalesce(maxWidth, () => ( ANNOTATION_MAX_WIDTH));
-  const annotationHeight = _nullishCoalesce(height, () => ( ANNOTATION_INIT_HEIGHT));
-  let dx = 15;
-  let dy = 15;
-  let isFlippedHorizontally = false;
-  let isFlippedVertically = false;
-  if (subjectType === "line-horizontal") {
-    dx = 0;
-    dy = 20;
-  }
-  if (subjectType === "line-vertical") {
-    dx = 20;
-    dy = 0;
-  }
-  const effectiveX = x + dx;
-  if (effectiveX + annotationMaxWidth > xMax) {
-    isFlippedHorizontally = true;
-    if (subjectType === "circle") {
-      dx = -dx;
-    } else if (subjectType === "line-vertical") {
-      dx = -20;
-    }
-  }
-  if (subjectType === "circle") {
-    if (y + dy + annotationHeight > yMin) {
-      isFlippedVertically = true;
-      dy = -Math.abs(dy);
-    }
-  } else if (y - annotationHeight < yMax) {
-    if (subjectType === "line-horizontal") {
-      isFlippedVertically = true;
-      dy = Math.abs(dy);
-    } else if (subjectType === "line-vertical") {
-      isFlippedVertically = true;
-    }
-  } else if (y + annotationHeight > yMin) {
-    if (subjectType === "line-horizontal") {
-      isFlippedVertically = true;
-      dy = -Math.abs(dy);
-    } else if (subjectType === "line-vertical") {
-      isFlippedVertically = true;
-    }
-  }
-  return { dx, dy, isFlippedHorizontally, isFlippedVertically };
-};
-var getHorizontalAnchor = (subjectType, isFlippedHorizontally) => {
-  if (subjectType === "line-horizontal") {
-    return isFlippedHorizontally ? "end" : "start";
-  }
-  return void 0;
-};
-var getVerticalAnchor = (subjectType, isFlippedVertically, y, yMax, height) => {
-  if (subjectType === "line-vertical") {
-    if (isFlippedVertically) {
-      return y - height < yMax ? "start" : "end";
-    }
-    return "start";
-  }
-  return void 0;
-};
-var LineChartAnnotation = ({
-  datum,
-  title,
-  subtitle,
-  subjectType = "circle",
-  styles: datumStyles,
-  testId,
-  renderLabel,
-  renderLabelPopover
-}) => {
-  const providerTheme = _chunkTVV7ZI7Ccjs.useGlobalChartsTheme.call(void 0, );
-  const { xScale, yScale } = _react.useContext.call(void 0, _xychart.DataContext) || {};
-  const labelRef = _react.useRef.call(void 0, null);
-  const [height, setHeight] = _react.useState.call(void 0, null);
-  const styles = _deepmerge2.default.call(void 0, _nullishCoalesce(providerTheme.annotationStyles, () => ( {})), _nullishCoalesce(datumStyles, () => ( {})));
-  _react.useEffect.call(void 0, () => {
-    if (_optionalChain([labelRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.getBBox])) {
-      const bbox = labelRef.current.getBBox();
-      setHeight(bbox.height);
-    }
-  }, []);
-  const positionData = _react.useMemo.call(void 0, () => {
-    if (!datum || !datum.date || datum.value == null || !xScale || !yScale) return null;
-    const x2 = xScale(datum.date);
-    const y2 = yScale(datum.value);
-    if (typeof x2 !== "number" || typeof y2 !== "number") return null;
-    const [yMin2, yMax2] = yScale.range().map(Number);
-    const [xMin2, xMax2] = xScale.range().map(Number);
-    if (renderLabel) {
-      return {
-        x: x2,
-        dx: 0,
-        y: y2,
-        dy: 0,
-        yMin: yMin2,
-        yMax: yMax2,
-        xMin: xMin2,
-        xMax: xMax2,
-        isFlippedHorizontally: false,
-        isFlippedVertically: false
-      };
-    }
-    const position = getLabelPosition({
-      subjectType,
-      x: x2,
-      xMax: xMax2,
-      y: y2,
-      yMin: yMin2,
-      yMax: yMax2,
-      maxWidth: _optionalChain([styles, 'optionalAccess', _5 => _5.label, 'optionalAccess', _6 => _6.maxWidth]),
-      height
-    });
-    return { x: x2, y: y2, yMin: yMin2, yMax: yMax2, xMin: xMin2, xMax: xMax2, ...position };
-  }, [datum, xScale, yScale, subjectType, _optionalChain([styles, 'optionalAccess', _7 => _7.label, 'optionalAccess', _8 => _8.maxWidth]), height, renderLabel]);
-  if (!positionData) return null;
-  const { x, y, yMin, yMax, xMin, xMax, dx, dy, isFlippedHorizontally, isFlippedVertically } = positionData;
-  const getLabelY = () => {
-    const labelY = _optionalChain([styles, 'optionalAccess', _9 => _9.label, 'optionalAccess', _10 => _10.y]);
-    if (labelY === "start") return yMax;
-    if (labelY === "end") return yMin;
-    return labelY;
-  };
-  const getLabelX = () => {
-    const labelX = _optionalChain([styles, 'optionalAccess', _11 => _11.label, 'optionalAccess', _12 => _12.x]);
-    if (labelX === "start") return xMin;
-    if (labelX === "end") return xMax;
-    return labelX;
-  };
-  const labelPosition = {
-    x: getLabelX(),
-    y: getLabelY()
-  };
-  const getSafariHTMLLabelPosition = () => {
-    const labelWidth = POPOVER_BUTTON_SIZE;
-    const labelHeight = POPOVER_BUTTON_SIZE;
-    return _chunkZVGEDXDPcjs.isSafari.call(void 0, ) ? {
-      transform: `translate(${x + (dx || 0) + (typeof labelPosition.x === "number" ? labelPosition.x - x : 0) - labelWidth}px, ${y + (dy || 0) + (typeof labelPosition.y === "number" ? labelPosition.y - y : 0) - labelHeight}px)`,
-      width: labelWidth,
-      height: labelHeight
-    } : void 0;
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { "data-testid": testId, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _annotation.Annotation, { x, y, dx, dy, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _annotation.Connector, { ..._optionalChain([styles, 'optionalAccess', _13 => _13.connector]) }),
-    subjectType === "circle" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _annotation.CircleSubject, { ..._optionalChain([styles, 'optionalAccess', _14 => _14.circleSubject]) }),
-    subjectType === "line-vertical" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _annotation.LineSubject,
-      {
-        min: yMax,
-        max: yMin,
-        ...{ ..._optionalChain([styles, 'optionalAccess', _15 => _15.lineSubject]), orientation: "vertical" }
-      }
-    ),
-    subjectType === "line-horizontal" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _annotation.LineSubject,
-      {
-        min: xMin,
-        max: xMax,
-        ...{ ..._optionalChain([styles, 'optionalAccess', _16 => _16.lineSubject]), orientation: "horizontal" }
-      }
-    ),
-    renderLabel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _annotation.HtmlLabel, { ..._optionalChain([styles, 'optionalAccess', _17 => _17.label]), ...labelPosition, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: getSafariHTMLLabelPosition(), children: renderLabelPopover ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      line_chart_annotation_label_popover_default,
-      {
-        title,
-        subtitle,
-        renderLabel,
-        renderLabelPopover
-      }
-    ) : renderLabel({ title, subtitle }) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { ref: labelRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _annotation.Label,
-      {
-        title,
-        subtitle,
-        ..._optionalChain([styles, 'optionalAccess', _18 => _18.label]),
-        ...labelPosition,
-        horizontalAnchor: getHorizontalAnchor(subjectType, isFlippedHorizontally),
-        verticalAnchor: getVerticalAnchor(
-          subjectType,
-          isFlippedVertically,
-          y,
-          yMax,
-          _nullishCoalesce(height, () => ( ANNOTATION_INIT_HEIGHT))
-        )
-      }
-    ) })
-  ] }) });
-};
-var line_chart_annotation_default = LineChartAnnotation;
-
-// src/charts/line-chart/private/line-chart-glyph.tsx
-
-
-var toNumber = (val) => {
-  const num = typeof val === "number" ? val : parseFloat(val);
-  return isNaN(num) ? void 0 : num;
-};
-var LineChartGlyph = ({
-  data,
-  index,
-  color,
-  glyphStyle,
-  renderGlyph,
-  accessors,
-  position
-}) => {
-  const { xScale, yScale } = _react.useContext.call(void 0, _xychart.DataContext) || {};
-  if (!xScale || !yScale) return null;
-  if (data.data.length === 0) return null;
-  const point = position === "start" ? data.data[0] : data.data[data.data.length - 1];
-  const x = xScale(accessors.xAccessor(point));
-  const y = yScale(accessors.yAccessor(point));
-  if (typeof x !== "number" || typeof y !== "number") return null;
-  const size = Math.max(0, _nullishCoalesce(toNumber(_optionalChain([glyphStyle, 'optionalAccess', _19 => _19.radius])), () => ( 4)));
-  return renderGlyph({
-    key: `${position}-glyph-${data.label}`,
-    index,
-    datum: point,
-    color,
-    size,
-    x,
-    y,
-    glyphStyle,
-    position
-  });
-};
-var line_chart_glyph_default = LineChartGlyph;
-
-// src/charts/line-chart/line-chart.tsx
-
-
-var X_TICK_WIDTH = 60;
-var defaultRenderGlyph = (props) => {
-  return /* @__PURE__ */ _react.createElement.call(void 0, DefaultGlyph, { ...props, key: props.key });
-};
-var toNumber2 = (val) => {
-  const num = typeof val === "number" ? val : parseFloat(val);
-  return isNaN(num) ? void 0 : num;
-};
-var getCurveType = (type, smoothing) => {
-  if (!type) {
-    return smoothing ? _curve.curveCatmullRom : _curve.curveLinear;
-  }
-  switch (type) {
-    case "smooth":
-      return _curve.curveCatmullRom;
-    case "monotone":
-      return _curve.curveMonotoneX;
-    case "linear":
-      return _curve.curveLinear;
-    default:
-      return _curve.curveLinear;
-  }
-};
-var renderDefaultTooltip = (params) => {
-  const { tooltipData } = params;
-  const nearestDatum = _optionalChain([tooltipData, 'optionalAccess', _20 => _20.nearestDatum, 'optionalAccess', _21 => _21.datum]);
-  if (!nearestDatum) return null;
-  const tooltipPoints = Object.entries(_optionalChain([tooltipData, 'optionalAccess', _22 => _22.datumByKey]) || {}).map(([key, { datum }]) => ({
-    key,
-    value: datum.value
-  })).sort((a, b) => b.value - a.value);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: line_chart_module_default["line-chart__tooltip"], children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: line_chart_module_default["line-chart__tooltip-date"], children: _optionalChain([nearestDatum, 'access', _23 => _23.date, 'optionalAccess', _24 => _24.toLocaleDateString, 'call', _25 => _25()]) }),
-    tooltipPoints.map((point) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: line_chart_module_default["line-chart__tooltip-row"], children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: line_chart_module_default["line-chart__tooltip-label"], children: [
-        point.key,
-        ":"
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: line_chart_module_default["line-chart__tooltip-value"], children: _numberformatters.formatNumber.call(void 0, point.value) })
-    ] }, point.key))
-  ] });
-};
-var formatYearTick = (timestamp) => {
-  const date = new Date(timestamp);
-  return date.toLocaleDateString(void 0, {
-    year: "numeric"
-  });
-};
-var formatDateTick = (timestamp) => {
-  const date = new Date(timestamp);
-  return date.toLocaleDateString(void 0, {
-    month: "short",
-    day: "numeric"
-  });
-};
-var formatHourTick = (timestamp) => {
-  const date = new Date(timestamp);
-  return date.toLocaleTimeString(void 0, {
-    hour: "numeric",
-    hour12: true
-  });
-};
-var getFormatter = (sortedData) => {
-  const minX = Math.min(...sortedData.map((datom) => _optionalChain([datom, 'access', _26 => _26.data, 'access', _27 => _27.at, 'call', _28 => _28(0), 'optionalAccess', _29 => _29.date])));
-  const maxX = Math.max(...sortedData.map((datom) => _optionalChain([datom, 'access', _30 => _30.data, 'access', _31 => _31.at, 'call', _32 => _32(-1), 'optionalAccess', _33 => _33.date])));
-  const diffInHours = Math.abs(_datefns.differenceInHours.call(void 0, maxX, minX));
-  if (diffInHours <= 24) {
-    return formatHourTick;
-  }
-  const diffInYears = Math.abs(_datefns.differenceInYears.call(void 0, maxX, minX));
-  if (diffInYears <= 1) {
-    return formatDateTick;
-  }
-  return formatYearTick;
-};
-var guessOptimalNumTicks = (data, chartWidth, tickFormatter) => {
-  const minX = Math.min(...data.map((datom) => _optionalChain([datom, 'access', _34 => _34.data, 'access', _35 => _35.at, 'call', _36 => _36(0), 'optionalAccess', _37 => _37.date])));
-  const maxX = Math.max(...data.map((datom) => _optionalChain([datom, 'access', _38 => _38.data, 'access', _39 => _39.at, 'call', _40 => _40(-1), 'optionalAccess', _41 => _41.date])));
-  const xScale = _scale.scaleTime.call(void 0, { domain: [minX, maxX] });
-  const upperBound = Math.min(
-    _optionalChain([data, 'access', _42 => _42[0], 'optionalAccess', _43 => _43.data, 'access', _44 => _44.length]) || 3,
-    // A sane fallback to avoid NaN when no data is present
-    Math.ceil(chartWidth / X_TICK_WIDTH)
-  );
-  let secondBestGuess = 1;
-  for (let numTicks = upperBound; numTicks > 1; --numTicks) {
-    const ticks = xScale.ticks(numTicks).map((d) => tickFormatter(d.getTime()));
-    if (ticks.length > upperBound) {
-      continue;
-    }
-    secondBestGuess = Math.max(secondBestGuess, ticks.length);
-    const uniqueTicks = Array.from(new Set(ticks));
-    if (uniqueTicks.length === 1) {
-      return 1;
-    }
-    const hasConsecutiveDuplicate = ticks.some(
-      (tick, idx) => idx > 0 && tick === ticks[idx - 1]
-    );
-    if (hasConsecutiveDuplicate) {
-      continue;
-    }
-    return ticks.length;
-  }
-  return secondBestGuess;
-};
-var validateData = (data) => {
-  if (!_optionalChain([data, 'optionalAccess', _45 => _45.length])) return "No data available";
-  const hasInvalidData = data.some(
-    (series) => series.data.some(
-      (point) => isNaN(point.value) || point.value === null || point.value === void 0 || "date" in point && point.date && isNaN(point.date.getTime())
-    )
-  );
-  if (hasInvalidData) return "Invalid data";
-  return null;
-};
-var LineChartScalesRef = ({ chartRef, width, height, margin }) => {
-  const context = _react.useContext.call(void 0, _xychart.DataContext);
-  _react.useImperativeHandle.call(void 0, 
-    chartRef,
-    () => ({
-      getScales: () => {
-        if (!_optionalChain([context, 'optionalAccess', _46 => _46.xScale]) || !_optionalChain([context, 'optionalAccess', _47 => _47.yScale])) {
-          return null;
-        }
-        return {
-          xScale: context.xScale,
-          yScale: context.yScale
-        };
-      },
-      getChartDimensions: () => ({
-        width,
-        height,
-        margin: margin || {}
-      })
-    }),
-    [context, width, height, margin]
-  );
-  return null;
-};
-var LineChartInternal = _react.forwardRef.call(void 0, 
-  ({
-    data,
-    chartId: providedChartId,
-    width,
-    height,
-    className,
-    margin,
-    withTooltips = true,
-    withTooltipCrosshairs,
-    showLegend = false,
-    legendOrientation = "horizontal",
-    legendAlignment = "center",
-    legendPosition = "bottom",
-    legendMaxWidth,
-    legendTextOverflow = "wrap",
-    legendItemClassName,
-    renderGlyph = defaultRenderGlyph,
-    glyphStyle = {},
-    legendShape = "line",
-    withLegendGlyph = false,
-    withGradientFill = false,
-    smoothing = true,
-    curveType,
-    renderTooltip = renderDefaultTooltip,
-    withStartGlyphs = false,
-    withEndGlyphs = false,
-    legendInteractive = false,
-    animation,
-    options = {},
-    onPointerDown = void 0,
-    onPointerUp = void 0,
-    onPointerMove = void 0,
-    onPointerOut = void 0,
-    children,
-    gridVisibility,
-    gap = "md"
-  }, ref) => {
-    const providerTheme = _chunkTVV7ZI7Ccjs.useGlobalChartsTheme.call(void 0, );
-    const theme = _chunkTVV7ZI7Ccjs.useXYChartTheme.call(void 0, data);
-    const chartId = _chunkTVV7ZI7Ccjs.useChartId.call(void 0, providedChartId);
-    const [svgWrapperRef, svgWrapperHeight] = _chunkTVV7ZI7Ccjs.useElementHeight.call(void 0, );
-    const chartRef = _react.useRef.call(void 0, null);
-    const [selectedIndex, setSelectedIndex] = _react.useState.call(void 0, void 0);
-    const [isNavigating, setIsNavigating] = _react.useState.call(void 0, false);
-    const internalChartRef = _react.useRef.call(void 0, null);
-    const hasLegendChild = _chunkTVV7ZI7Ccjs.useHasLegendChild.call(void 0, children);
-    const chartHeight = svgWrapperHeight > 0 ? svgWrapperHeight : height;
-    const hasLegend = showLegend || hasLegendChild;
-    const isWaitingForMeasurement = hasLegend ? svgWrapperHeight === 0 : !chartHeight;
-    _react.useImperativeHandle.call(void 0, 
-      ref,
-      () => ({
-        getScales: () => _optionalChain([internalChartRef, 'access', _48 => _48.current, 'optionalAccess', _49 => _49.getScales, 'call', _50 => _50()]) || null,
-        getChartDimensions: () => _optionalChain([internalChartRef, 'access', _51 => _51.current, 'optionalAccess', _52 => _52.getChartDimensions, 'call', _53 => _53()]) || { width: 0, height: 0, margin: {} }
-      }),
-      [internalChartRef]
-    );
-    const dataSorted = _chunkTVV7ZI7Ccjs.useChartDataTransform.call(void 0, data);
-    const { getElementStyles, isSeriesVisible } = _chunkTVV7ZI7Ccjs.useGlobalChartsContext.call(void 0, );
-    const seriesWithVisibility = _react.useMemo.call(void 0, () => {
-      if (!chartId || !legendInteractive) {
-        return dataSorted.map((series, index) => ({ series, index, isVisible: true }));
-      }
-      return dataSorted.map((series, index) => ({
-        series,
-        index,
-        isVisible: isSeriesVisible(chartId, series.label)
-      }));
-    }, [dataSorted, chartId, isSeriesVisible, legendInteractive]);
-    const allSeriesHidden = _react.useMemo.call(void 0, () => {
-      return seriesWithVisibility.every(({ isVisible }) => !isVisible);
-    }, [seriesWithVisibility]);
-    const { tooltipRef, onChartFocus, onChartBlur, onChartKeyDown } = _chunk7HROSZRScjs.useKeyboardNavigation.call(void 0, {
-      selectedIndex,
-      setSelectedIndex,
-      isNavigating,
-      setIsNavigating,
-      chartRef,
-      totalPoints: _optionalChain([dataSorted, 'access', _54 => _54[0], 'optionalAccess', _55 => _55.data, 'access', _56 => _56.length]) || 0
-    });
-    const chartOptions = _react.useMemo.call(void 0, () => {
-      const formatter = _optionalChain([options, 'optionalAccess', _57 => _57.axis, 'optionalAccess', _58 => _58.x, 'optionalAccess', _59 => _59.tickFormat]) || getFormatter(dataSorted);
-      return {
-        axis: {
-          x: {
-            orientation: "bottom",
-            numTicks: guessOptimalNumTicks(dataSorted, width, formatter),
-            tickFormat: formatter,
-            display: true,
-            ..._optionalChain([options, 'optionalAccess', _60 => _60.axis, 'optionalAccess', _61 => _61.x])
-          },
-          y: {
-            orientation: "left",
-            numTicks: 4,
-            tickFormat: _numberformatters.formatNumberCompact,
-            display: true,
-            ..._optionalChain([options, 'optionalAccess', _62 => _62.axis, 'optionalAccess', _63 => _63.y])
-          }
-        },
-        xScale: {
-          type: "time",
-          ..._optionalChain([options, 'optionalAccess', _64 => _64.xScale])
-        },
-        yScale: {
-          type: "linear",
-          nice: true,
-          zero: false,
-          ..._optionalChain([options, 'optionalAccess', _65 => _65.yScale])
-        }
-      };
-    }, [options, dataSorted, width]);
-    const tooltipRenderGlyph = _react.useMemo.call(void 0, () => {
-      return (props) => {
-        const seriesIndex = dataSorted.findIndex(
-          (series) => series.label === props.key || series.data.includes(props.datum)
-        );
-        const seriesData = dataSorted[seriesIndex];
-        const { color, glyph: themeGlyph } = getElementStyles({
-          data: seriesData,
-          index: seriesIndex
-        });
-        const propsWithResolvedColor = { ...props, color };
-        return themeGlyph ? themeGlyph(propsWithResolvedColor) : renderGlyph(propsWithResolvedColor);
-      };
-    }, [dataSorted, renderGlyph, getElementStyles]);
-    const defaultMargin = _chunkTVV7ZI7Ccjs.useChartMargin.call(void 0, height, chartOptions, dataSorted, theme);
-    const error = validateData(dataSorted);
-    const isDataValid = !error;
-    const legendOptions = _react.useMemo.call(void 0, 
-      () => ({
-        withGlyph: withLegendGlyph,
-        glyphSize: Math.max(0, _nullishCoalesce(toNumber2(_optionalChain([glyphStyle, 'optionalAccess', _66 => _66.radius])), () => ( 4))),
-        renderGlyph
-      }),
-      [withLegendGlyph, _optionalChain([glyphStyle, 'optionalAccess', _67 => _67.radius]), renderGlyph]
-    );
-    const legendItems = _chunkTVV7ZI7Ccjs.useChartLegendItems.call(void 0, dataSorted, legendOptions, legendShape);
-    const chartMetadata = _react.useMemo.call(void 0, 
-      () => ({
-        withGradientFill,
-        smoothing,
-        curveType,
-        withStartGlyphs,
-        withEndGlyphs,
-        withLegendGlyph
-      }),
-      [withGradientFill, smoothing, curveType, withStartGlyphs, withEndGlyphs, withLegendGlyph]
-    );
-    _chunkTVV7ZI7Ccjs.useChartRegistration.call(void 0, {
-      chartId,
-      legendItems,
-      chartType: "line",
-      isDataValid,
-      metadata: chartMetadata
-    });
-    const prefersReducedMotion = _chunkTVV7ZI7Ccjs.usePrefersReducedMotion.call(void 0, );
-    const accessors = {
-      xAccessor: (d) => _optionalChain([d, 'optionalAccess', _68 => _68.date]),
-      yAccessor: (d) => _optionalChain([d, 'optionalAccess', _69 => _69.value])
-    };
-    if (error) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _clsx2.default.call(void 0, "line-chart", line_chart_module_default["line-chart"]), children: error });
-    }
-    const legendElement = showLegend && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTVV7ZI7Ccjs.Legend,
-      {
-        orientation: legendOrientation,
-        alignment: legendAlignment,
-        position: legendPosition,
-        maxWidth: legendMaxWidth,
-        textOverflow: legendTextOverflow,
-        legendItemClassName,
-        className: line_chart_module_default["line-chart__legend"],
-        shape: legendShape,
-        chartId,
-        interactive: legendInteractive
-      }
-    );
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTVV7ZI7Ccjs.SingleChartContext.Provider,
-      {
-        value: {
-          chartId,
-          chartRef: internalChartRef,
-          chartWidth: width,
-          chartHeight
-        },
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          _chunkSH32YSZOcjs.Stack,
-          {
-            direction: "column",
-            gap,
-            className: _clsx2.default.call(void 0, 
-              "line-chart",
-              line_chart_module_default["line-chart"],
-              { [line_chart_module_default["line-chart--animated"]]: animation && !prefersReducedMotion },
-              className
-            ),
-            "data-testid": "line-chart",
-            style: {
-              width,
-              height,
-              visibility: isWaitingForMeasurement ? "hidden" : "visible"
-            },
-            children: [
-              legendPosition === "top" && legendElement,
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "div",
-                {
-                  className: line_chart_module_default["line-chart__svg-wrapper"],
-                  ref: svgWrapperRef,
-                  role: "grid",
-                  "aria-label": _i18n.__.call(void 0, "Line chart", "jetpack-charts"),
-                  tabIndex: 0,
-                  onKeyDown: onChartKeyDown,
-                  onFocus: onChartFocus,
-                  onBlur: onChartBlur,
-                  children: !isWaitingForMeasurement && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: chartRef, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                    _xychart.XYChart,
-                    {
-                      theme,
-                      width,
-                      height: chartHeight,
-                      margin: {
-                        ...defaultMargin,
-                        ...margin
-                      },
-                      xScale: chartOptions.xScale,
-                      yScale: chartOptions.yScale,
-                      onPointerDown,
-                      onPointerUp,
-                      onPointerMove,
-                      onPointerOut,
-                      pointerEventsDataKey: "nearest",
-                      children: [
-                        gridVisibility !== "none" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _xychart.Grid, { columns: false, numTicks: 4 }),
-                        chartOptions.axis.x.display && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _xychart.Axis, { ...chartOptions.axis.x }),
-                        chartOptions.axis.y.display && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _xychart.Axis, { ...chartOptions.axis.y }),
-                        allSeriesHidden ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          "text",
-                          {
-                            x: width / 2,
-                            y: chartHeight / 2,
-                            textAnchor: "middle",
-                            fill: _optionalChain([providerTheme, 'access', _70 => _70.gridStyles, 'optionalAccess', _71 => _71.stroke]) || "#ccc",
-                            fontSize: "14",
-                            fontFamily: "-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif",
-                            children: _i18n.__.call(void 0, 
-                              "All series are hidden. Click legend items to show data.",
-                              "jetpack-charts"
-                            )
-                          }
-                        ) : null,
-                        seriesWithVisibility.map(({ series: seriesData, index, isVisible }) => {
-                          if (!isVisible) {
-                            return null;
-                          }
-                          const { color, lineStyles, glyph } = getElementStyles({
-                            data: seriesData,
-                            index
-                          });
-                          const lineProps = {
-                            stroke: color,
-                            ...lineStyles
-                          };
-                          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { children: [
-                            withGradientFill && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                              _gradient.LinearGradient,
-                              {
-                                id: `area-gradient-${chartId}-${index + 1}`,
-                                from: color,
-                                fromOpacity: 0.4,
-                                toOpacity: 0.1,
-                                to: providerTheme.backgroundColor,
-                                ..._optionalChain([seriesData, 'access', _72 => _72.options, 'optionalAccess', _73 => _73.gradient]),
-                                "data-testid": "line-gradient",
-                                children: _optionalChain([seriesData, 'access', _74 => _74.options, 'optionalAccess', _75 => _75.gradient, 'optionalAccess', _76 => _76.stops, 'optionalAccess', _77 => _77.map, 'call', _78 => _78((stop, stopIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                                  "stop",
-                                  {
-                                    offset: stop.offset,
-                                    stopColor: stop.color || color,
-                                    stopOpacity: _nullishCoalesce(stop.opacity, () => ( 1)),
-                                    "data-testid": `line-gradient-stop-${chartId}-${index}-${stopIndex}`
-                                  },
-                                  `${stop.offset}-${stop.color || color}`
-                                ))])
-                              }
-                            ),
-                            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                              _xychart.AreaSeries,
-                              {
-                                dataKey: _optionalChain([seriesData, 'optionalAccess', _79 => _79.label]),
-                                data: seriesData.data,
-                                ...accessors,
-                                fill: withGradientFill ? `url(#area-gradient-${chartId}-${index + 1})` : "transparent",
-                                renderLine: true,
-                                curve: getCurveType(curveType, smoothing),
-                                lineProps
-                              },
-                              _optionalChain([seriesData, 'optionalAccess', _80 => _80.label])
-                            ),
-                            withStartGlyphs && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                              line_chart_glyph_default,
-                              {
-                                index,
-                                data: seriesData,
-                                color,
-                                renderGlyph: _nullishCoalesce(glyph, () => ( renderGlyph)),
-                                accessors,
-                                glyphStyle,
-                                position: "start"
-                              }
-                            ),
-                            withEndGlyphs && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                              line_chart_glyph_default,
-                              {
-                                index,
-                                data: seriesData,
-                                color,
-                                renderGlyph: _nullishCoalesce(glyph, () => ( renderGlyph)),
-                                accessors,
-                                glyphStyle,
-                                position: "end"
-                              }
-                            )
-                          ] }, _optionalChain([seriesData, 'optionalAccess', _81 => _81.label]) || index);
-                        }),
-                        withTooltips && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunk7HROSZRScjs.AccessibleTooltip,
-                          {
-                            detectBounds: true,
-                            snapTooltipToDatumX: true,
-                            snapTooltipToDatumY: true,
-                            showSeriesGlyphs: true,
-                            renderTooltip,
-                            renderGlyph: tooltipRenderGlyph,
-                            glyphStyle,
-                            showVerticalCrosshair: _optionalChain([withTooltipCrosshairs, 'optionalAccess', _82 => _82.showVertical]),
-                            showHorizontalCrosshair: _optionalChain([withTooltipCrosshairs, 'optionalAccess', _83 => _83.showHorizontal]),
-                            selectedIndex,
-                            tooltipRef,
-                            keyboardFocusedClassName: line_chart_module_default["line-chart__tooltip--keyboard-focused"],
-                            series: dataSorted
-                          }
-                        ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          LineChartScalesRef,
-                          {
-                            chartRef: internalChartRef,
-                            width,
-                            height,
-                            margin
-                          }
-                        )
-                      ]
-                    }
-                  ) })
-                }
-              ),
-              legendPosition === "bottom" && legendElement,
-              children
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-var LineChartWithProvider = _react.forwardRef.call(void 0, (props, ref) => {
-  const existingContext = _react.useContext.call(void 0, _chunkTVV7ZI7Ccjs.GlobalChartsContext);
-  if (existingContext) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LineChartInternal, { ...props, ref });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTVV7ZI7Ccjs.GlobalChartsProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LineChartInternal, { ...props, ref }) });
-});
-LineChartWithProvider.displayName = "LineChart";
-var LineChart = _chunkZVGEDXDPcjs.attachSubComponents.call(void 0, LineChartWithProvider, {
-  Legend: _chunkTVV7ZI7Ccjs.Legend,
-  AnnotationsOverlay: line_chart_annotations_overlay_default,
-  Annotation: line_chart_annotation_default
-});
-var LineChartResponsive = _chunkZVGEDXDPcjs.attachSubComponents.call(void 0, 
-  _chunkNW3RUYK2cjs.withResponsive.call(void 0, LineChartWithProvider),
-  {
-    Legend: _chunkTVV7ZI7Ccjs.Legend,
-    AnnotationsOverlay: line_chart_annotations_overlay_default,
-    Annotation: line_chart_annotation_default
-  }
-);
-
-
-
-
-exports.LineChart = LineChart; exports.LineChartResponsive = LineChartResponsive;
-//# sourceMappingURL=chunk-KOF32DBL.cjs.map