npm - @acronis-platform/ui-react - Versions diffs - 0.60.0 → 0.62.0 - Mend

@acronis-platform/ui-react 0.60.0 → 0.62.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (99) hide show

package/dist/components/ui/confidence-cone/confidence-cone.js CHANGED Viewed

@@ -1,223 +1,329 @@
-import { jsx as e, jsxs as U } from "react/jsx-runtime";
-import * as f from "react";
-import { ComposedChart as V, CartesianGrid as Z, XAxis as K, YAxis as W, ReferenceArea as ee, ReferenceLine as te, Area as b, Line as oe } from "recharts";
-import { cn as ne } from "../../../lib/utils.js";
-import { ChartContainer as re, ChartTooltip as N, ChartTooltipContent as ie, ChartLegend as ae, ChartLegendContent as le } from "../chart/chart.js";
-import { resolveAxisDomain as ce } from "../chart/chart-format.js";
-const m = "__cone";
-function v(o) {
-  return o == null ? void 0 : o.filter((l) => l.dataKey !== m);
+import { jsx as r, jsxs as x, Fragment as E } from "react/jsx-runtime";
+import * as m from "react";
+import { ComposedChart as Fe, CartesianGrid as Ke, Text as Re, XAxis as Le, YAxis as Ne, ReferenceArea as Me, ReferenceLine as B, Area as z, Line as H } from "recharts";
+import { cn as Oe } from "../../../lib/utils.js";
+import { resolveAnimation as Xe, resolveRotatedTickAnchor as _e, CHART_LABEL_FONT_SIZE as Se, resolveXAxisTitle as Ee, resolveXAxisHeight as Be, resolveYAxisTitle as ze, resolveAxisDomain as He } from "../chart/chart-format.js";
+import { ChartContainer as je, ChartTooltip as j, ChartTooltipContent as we, ChartLegend as Ie, ChartLegendContent as Pe } from "../chart/chart.js";
+const w = "__cone", A = (t) => `${w}:${t}`;
+function I(t) {
+  return t == null ? void 0 : t.filter(
+    (o) => !(typeof o.dataKey == "string" && o.dataKey.startsWith(w))
+  );
 }
-function se(o) {
+function We(t, o) {
+  return t == null ? void 0 : t.filter(
+    (n) => typeof n.dataKey == "string" && o.includes(n.dataKey)
+  );
+}
+function Ye(t) {
   return function(n) {
-    const r = {
+    const l = {
       ...n,
-      payload: v(n.payload)
+      payload: I(n.payload)
     };
-    return typeof o == "function" ? f.createElement(
-      o,
-      r
-    ) : f.cloneElement(o, r);
+    return typeof t == "function" ? m.createElement(
+      t,
+      l
+    ) : m.cloneElement(t, l);
+  };
+}
+function Ge(t, o, n) {
+  return t.filter((l) => o.some(({ forecastKey: c }) => typeof l[c] == "number")).map((l) => l[n]);
+}
+function Ze(t, o, n) {
+  return function({
+    payload: c,
+    index: v,
+    ...y
+  }) {
+    const f = c == null ? void 0 : c.value;
+    return /* @__PURE__ */ r(
+      Re,
+      {
+        ...y,
+        style: f != null && t.has(f) ? { fontStyle: "italic", fill: o } : void 0,
+        children: n && f != null ? n(f, v) : f
+      }
+    );
   };
 }
-const fe = f.forwardRef(
+const qe = m.forwardRef(
   ({
-    className: o,
-    config: l,
+    className: t,
+    config: o,
     data: n,
-    xKey: r,
-    actualKey: i,
-    forecastKey: p,
-    lowerKey: A,
-    upperKey: L,
-    xAxisLabel: c,
-    yAxisLabel: d,
-    yUnit: O,
-    strokeWidth: h = 2,
-    showForecastRegion: R = !0,
-    showGrid: _ = !0,
-    showTooltip: $ = !0,
-    showLegend: B = !0,
-    showXAxis: E = !0,
-    showYAxis: j = !0,
-    xTickFormatter: w,
-    yTickFormatter: z,
-    xAxisAngle: a,
-    xAxisInterval: F,
-    yAxisTickCount: M,
-    yAxisDomain: X,
-    gridDashed: Y,
-    gridHorizontal: x,
-    gridVertical: G,
-    tooltipContent: u,
-    ...H
-  }, S) => {
-    var k, g;
-    const y = f.useMemo(
-      () => u ? se(u) : void 0,
-      [u]
-    ), q = c ? { value: c, position: "insideBottom", offset: 0 } : void 0, I = d ? {
-      value: d,
-      angle: -90,
-      position: "insideLeft",
-      style: { textAnchor: "middle" }
-    } : void 0, J = ce(X), P = c || a != null ? 30 + (a != null ? 20 : 0) + (c ? 18 : 0) : void 0, Q = n.map((t) => {
-      const D = t[A], T = t[L];
-      return {
-        ...t,
-        [m]: typeof D == "number" && typeof T == "number" ? [D, T] : void 0
-      };
-    }), s = R ? (k = n.find((t) => typeof t[p] == "number")) == null ? void 0 : k[r] : void 0, C = (g = n[n.length - 1]) == null ? void 0 : g[r];
-    return /* @__PURE__ */ e("div", { ref: S, className: ne(o), ...H, children: /* @__PURE__ */ e(
-      re,
+    xKey: l,
+    series: c,
+    actualKey: v,
+    forecastKey: y,
+    lowerKey: f,
+    upperKey: C,
+    xAxisLabel: $,
+    yAxisLabel: D,
+    yUnit: P,
+    actualType: F = "area",
+    strokeWidth: K = 2,
+    showDots: p = !1,
+    styleForecastTicks: W = !1,
+    referenceLine: h,
+    showForecastRegion: Y = !0,
+    showGrid: G = !0,
+    showTooltip: Z = !0,
+    showLegend: q = !0,
+    showXAxis: J = !0,
+    showYAxis: Q = !0,
+    xTickFormatter: R,
+    yTickFormatter: U,
+    xAxisAngle: g,
+    xAxisInterval: V,
+    yAxisTickCount: ee,
+    yAxisDomain: te,
+    gridDashed: re,
+    gridHorizontal: oe,
+    gridVertical: ne,
+    tooltipContent: T,
+    animate: ae,
+    animationDuration: le,
+    animationBegin: ce,
+    animationEasing: ie,
+    ...se
+  }, ue) => {
+    var O, X;
+    const s = m.useMemo(() => c != null && c.length ? c : !v || !y ? [] : [{ actualKey: v, forecastKey: y, lowerKey: f, upperKey: C }], [c, v, y, f, C]), b = Xe({
+      animate: ae,
+      animationDuration: le,
+      animationBegin: ce,
+      animationEasing: ie
+    }), L = m.useMemo(
+      () => T ? Ye(T) : void 0,
+      [T]
+    ), fe = Ee($), de = ze(D), me = He(te), ve = m.useMemo(() => {
+      let e;
+      for (const { actualKey: a, forecastKey: i } of s) {
+        const u = o[a], d = o[i];
+        !u || !d || (e ?? (e = { ...o }), e[i] = {
+          label: d.label,
+          icon: d.icon,
+          ...u.theme ? { theme: u.theme } : { color: u.color }
+        });
+      }
+      return e ?? o;
+    }, [o, s]), ye = Be($, g), pe = n.map((e) => {
+      const a = { ...e };
+      for (const { actualKey: i, lowerKey: u, upperKey: d } of s) {
+        if (!u || !d) continue;
+        const _ = e[u], S = e[d];
+        a[A(i)] = typeof _ == "number" && typeof S == "number" ? [_, S] : void 0;
+      }
+      return a;
+    }), N = Ge(n, s, l), k = Y ? N[0] : void 0, M = (O = n[n.length - 1]) == null ? void 0 : O[l], he = Ze(
+      new Set(N),
+      `var(--color-${(X = s[0]) == null ? void 0 : X.actualKey})`,
+      R
+    ), ke = h ? Array.isArray(h) ? h : [h] : [], ge = () => /* @__PURE__ */ x(E, { children: [
+      /* @__PURE__ */ r(
+        Le,
+        {
+          dataKey: l,
+          type: "category",
+          hide: !J,
+          tickLine: !1,
+          axisLine: !1,
+          tickMargin: 8,
+          tickFormatter: R,
+          tick: W ? he : void 0,
+          angle: g,
+          interval: V,
+          textAnchor: _e(g),
+          height: ye,
+          label: fe
+        }
+      ),
+      /* @__PURE__ */ r(
+        Ne,
+        {
+          type: "number",
+          hide: !Q,
+          tickLine: !1,
+          axisLine: !1,
+          unit: P,
+          tickFormatter: U,
+          tickCount: ee,
+          domain: me,
+          width: D ? 72 : void 0,
+          label: de
+        }
+      )
+    ] }), Te = () => /* @__PURE__ */ x(E, { children: [
+      k != null && M != null && /* @__PURE__ */ r(
+        Me,
+        {
+          x1: k,
+          x2: M,
+          fill: "var(--ui-background-surface-secondary)",
+          fillOpacity: 0.5,
+          ifOverflow: "extendDomain"
+        }
+      ),
+      k != null && /* @__PURE__ */ r(
+        B,
+        {
+          x: k,
+          stroke: "var(--ui-border-on-surface-border)",
+          strokeDasharray: "4 4"
+        }
+      )
+    ] }), be = (e, a) => /* @__PURE__ */ r(
+      B,
+      {
+        y: e.value,
+        stroke: "var(--ui-text-on-surface-secondary)",
+        strokeDasharray: "4 4",
+        ifOverflow: "extendDomain",
+        label: e.label ? {
+          value: e.label,
+          position: "insideTopRight",
+          fill: "var(--ui-text-on-surface-secondary)",
+          fontSize: Se
+        } : void 0
+      },
+      `${e.label ?? "threshold"}-${a}`
+    ), xe = () => L ? (
+      // Strips the synthetic band before the caller's tooltip sees it — the
+      // `__cone` series feeds the Area, not the tooltip.
+      /* @__PURE__ */ r(j, { content: L })
+    ) : /* @__PURE__ */ r(
+      j,
+      {
+        content: (e) => /* @__PURE__ */ r(
+          we,
+          {
+            active: e.active,
+            label: e.label,
+            payload: I(e.payload)
+          }
+        )
+      }
+    ), Ae = () => /* @__PURE__ */ r(
+      Ie,
+      {
+        content: (e) => /* @__PURE__ */ r(
+          Pe,
+          {
+            verticalAlign: e.verticalAlign,
+            payload: We(
+              e.payload,
+              s.map((a) => a.actualKey)
+            )
+          }
+        )
+      }
+    ), Ce = ({
+      actualKey: e,
+      lowerKey: a,
+      upperKey: i
+    }) => a && i ? /* @__PURE__ */ r(
+      z,
+      {
+        "data-slot": "confidence-cone-band",
+        dataKey: A(e),
+        type: "monotone",
+        stroke: "none",
+        fill: `var(--color-${e})`,
+        fillOpacity: 0.15,
+        connectNulls: !1,
+        dot: !1,
+        activeDot: !1,
+        ...b,
+        legendType: "none",
+        tooltipType: "none"
+      },
+      A(e)
+    ) : null, $e = ({ actualKey: e }) => {
+      const a = F === "line" ? H : z, i = F === "line" ? void 0 : { fill: `var(--color-${e})`, fillOpacity: 0.15 }, u = p ? {
+        r: 3,
+        fill: `var(--color-${e})`,
+        fillOpacity: 1,
+        stroke: `var(--color-${e})`,
+        strokeWidth: 2
+      } : !1;
+      return /* @__PURE__ */ r(
+        a,
+        {
+          dataKey: e,
+          type: "monotone",
+          stroke: `var(--color-${e})`,
+          strokeWidth: K,
+          ...i,
+          dot: u,
+          activeDot: p ? { r: 5 } : !1,
+          connectNulls: !0,
+          ...b,
+          legendType: "rect"
+        },
+        e
+      );
+    }, De = ({
+      actualKey: e,
+      forecastKey: a
+    }) => {
+      const i = p ? {
+        r: 3,
+        fill: "var(--ui-background-surface-primary)",
+        stroke: `var(--color-${e})`,
+        strokeWidth: 2,
+        strokeDasharray: "none"
+      } : !1;
+      return /* @__PURE__ */ r(
+        H,
+        {
+          dataKey: a,
+          type: "monotone",
+          stroke: `var(--color-${e})`,
+          strokeWidth: K,
+          strokeDasharray: "5 5",
+          dot: i,
+          activeDot: p ? { r: 5 } : !1,
+          connectNulls: !0,
+          ...b
+        },
+        a
+      );
+    };
+    return /* @__PURE__ */ r("div", { ref: ue, className: Oe(t), ...se, children: /* @__PURE__ */ r(
+      je,
       {
-        config: l,
+        config: ve,
         className: "size-full [&_.recharts-label]:fill-foreground",
-        children: /* @__PURE__ */ U(V, { data: Q, children: [
-          _ && /* @__PURE__ */ e(
-            Z,
-            {
-              horizontal: x ?? !0,
-              vertical: G ?? !1,
-              strokeDasharray: Y ? "3 3" : void 0
-            }
-          ),
-          /* @__PURE__ */ e(
-            K,
-            {
-              dataKey: r,
-              type: "category",
-              hide: !E,
-              tickLine: !1,
-              axisLine: !1,
-              tickMargin: 8,
-              tickFormatter: w,
-              angle: a,
-              interval: F,
-              textAnchor: a != null ? a < 0 ? "end" : "start" : void 0,
-              height: P,
-              label: q
-            }
-          ),
-          /* @__PURE__ */ e(
-            W,
-            {
-              type: "number",
-              hide: !j,
-              tickLine: !1,
-              axisLine: !1,
-              unit: O,
-              tickFormatter: z,
-              tickCount: M,
-              domain: J,
-              width: d ? 72 : void 0,
-              label: I
-            }
-          ),
-          s != null && C != null && /* @__PURE__ */ e(
-            ee,
-            {
-              x1: s,
-              x2: C,
-              fill: "var(--ui-background-surface-secondary)",
-              fillOpacity: 0.5,
-              ifOverflow: "extendDomain"
-            }
-          ),
-          s != null && /* @__PURE__ */ e(
-            te,
-            {
-              x: s,
-              stroke: "var(--ui-border-on-surface-border)",
-              strokeDasharray: "4 4"
-            }
-          ),
-          $ && (y ? (
-            // Strips the synthetic band before the caller's tooltip sees it
-            // — the `__cone` series feeds the Area, not the tooltip.
-            /* @__PURE__ */ e(N, { content: y })
-          ) : /* @__PURE__ */ e(
-            N,
+        children: /* @__PURE__ */ x(Fe, { data: pe, children: [
+          G && /* @__PURE__ */ r(
+            Ke,
             {
-              content: (t) => /* @__PURE__ */ e(
-                ie,
-                {
-                  active: t.active,
-                  label: t.label,
-                  payload: v(
-                    t.payload
-                  )
-                }
-              )
-            }
-          )),
-          B && /* @__PURE__ */ e(
-            ae,
-            {
-              content: (t) => /* @__PURE__ */ e(
-                le,
-                {
-                  verticalAlign: t.verticalAlign,
-                  payload: v(
-                    t.payload
-                  )
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            b,
-            {
-              dataKey: m,
-              type: "monotone",
-              stroke: "none",
-              fill: `var(--color-${i})`,
-              fillOpacity: 0.15,
-              connectNulls: !1,
-              dot: !1,
-              activeDot: !1,
-              isAnimationActive: !1,
-              legendType: "none",
-              tooltipType: "none"
+              horizontal: oe ?? !0,
+              vertical: ne ?? !1,
+              strokeDasharray: re ? "3 3" : void 0
             }
           ),
-          /* @__PURE__ */ e(
-            b,
-            {
-              dataKey: i,
-              type: "monotone",
-              stroke: `var(--color-${i})`,
-              strokeWidth: h,
-              fill: `var(--color-${i})`,
-              fillOpacity: 0.15,
-              dot: !1,
-              activeDot: !1,
-              connectNulls: !0,
-              isAnimationActive: !1
-            }
-          ),
-          /* @__PURE__ */ e(
-            oe,
-            {
-              dataKey: p,
-              type: "monotone",
-              stroke: `var(--color-${i})`,
-              strokeWidth: h,
-              strokeDasharray: "5 5",
-              dot: !1,
-              connectNulls: !0,
-              isAnimationActive: !1
-            }
-          )
+          ge(),
+          Te(),
+          ke.map(be),
+          Z && xe(),
+          q && Ae(),
+          s.map(Ce),
+          s.map($e),
+          s.map(De)
         ] })
       }
     ) });
   }
 );
-fe.displayName = "ConfidenceCone";
+qe.displayName = "ConfidenceCone";
 export {
-  fe as ConfidenceCone,
-  se as createConeTooltip,
-  v as dropConeBand
+  qe as ConfidenceCone,
+  Ye as createConeTooltip,
+  Ze as createForecastTick,
+  I as dropConeBand,
+  Ge as forecastPeriodX,
+  We as keepMetricSeries
 };
 //# sourceMappingURL=confidence-cone.js.map

package/dist/components/ui/confidence-cone/confidence-cone.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"confidence-cone.js","sources":["../../../../src/components/ui/confidence-cone/confidence-cone.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n Area,\n CartesianGrid,\n ComposedChart,\n Line,\n ReferenceArea,\n ReferenceLine,\n XAxis,\n YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n ChartContainer,\n ChartLegend,\n ChartLegendContent,\n ChartTooltip,\n ChartTooltipContent,\n resolveAxisDomain,\n type ChartConfig,\n type ChartLegendContentProps,\n type ChartTooltipContentProps,\n type CartesianChartProps,\n} from '../chart';\n\n// A forecast confidence-cone: a solid line over the known/actual period, a\n// dashed line over the forecast period, and a shaded band (the \"cone\") between\n// a lower and upper bound that typically widens with the horizon — visualizing\n// growing uncertainty. Built on the shared Chart primitives; no new tokens\n// (series colors are caller-supplied via `config`). The whole metric renders in\n// one hue — actual and forecast differ by line style, not color — so the cone\n// band and the forecast line both reuse the actual series' color.\n\n// The band is a synthetic `[lower, upper]` range field per row that a recharts\n// <Area> shades; kept out of the tooltip/legend (see the filters below).\nconst BAND_KEY = '__cone';\n\n/*\n Drop the synthetic cone-band range series from a recharts tooltip/legend\n * payload, keeping the real actual/forecast series (and their order). Applied to\n * both the default tooltip and any caller-supplied `tooltipContent`, so the\n * `__cone` band never surfaces regardless of which path renders.\n /\nexport function dropConeBand<T extends { dataKey?: unknown }>(\n payload: readonly T[] \| undefined\n): T[] \| undefined {\n return payload?.filter((item) => item.dataKey !== BAND_KEY);\n}\n\n/\n Wrap a caller-supplied `tooltipContent` so the synthetic cone band is stripped\n * from the payload before it renders, while preserving recharts' own mount\n * semantics — a function is mounted via `createElement` (its own component\n * identity + hook state), an element via `cloneElement`. This mirrors what the\n * pass-through charts get by handing `content` straight to recharts, so a\n * function-form tooltip keeps its state across re-renders here too. The returned\n * component is a stable content type (memoize it on `tooltipContent`).\n /\ntype TooltipContentType = NonNullable<\n React.ComponentProps<typeof ChartTooltip>['content']\n>;\ntype TooltipContentFn = Extract<TooltipContentType, (...args: never[]) => unknown>;\ntype TooltipRenderProps = Parameters<TooltipContentFn>[0];\n\nexport function createConeTooltip(tooltipContent: TooltipContentType) {\n return function ConeTooltip(props: TooltipRenderProps) {\n const merged = {\n ...props,\n payload: dropConeBand(props.payload),\n } as TooltipRenderProps;\n return typeof tooltipContent === 'function'\n ? React.createElement(\n tooltipContent as React.FunctionComponent<TooltipRenderProps>,\n merged\n )\n : React.cloneElement(tooltipContent, merged);\n };\n}\n\nexport interface ConfidenceConeProps\n extends Omit<React.ComponentProps<'div'>, 'children'>,\n CartesianChartProps {\n /\n Row-per-point data — the shared x dimension plus the actual / forecast /\n * bound fields. Rows are naturally sparse (a point has either an actual or a\n * forecast + bounds), so missing fields are allowed. Avoid a field named\n * `__cone` — it's reserved for the internal prediction-band series.\n /\n data: ReadonlyArray<Record<string, string \| number \| null \| undefined>>;\n /\n Per-series map of `label` / `color` for the actual + forecast lines\n * (imported from the shared `Chart` primitives). Colors are caller-supplied —\n * reference an existing semantic `--ui-` token; there is no chart palette tier\n yet. The cone band and the forecast line both reuse the actual series'\n * color — actual and forecast differ by line style, not hue.\n /\n config: ChartConfig;\n /* Category / time axis key (the shared dimension across rows). /\n xKey: string;\n /* Field for the known/actual values — drawn as a solid line with a filled area. /\n actualKey: string;\n /* Field for the projected values — drawn as a dashed line. /\n forecastKey: string;\n /* Field for the cone's lower bound. /\n lowerKey: string;\n /* Field for the cone's upper bound. /\n upperKey: string;\n /* Stroke width of the actual + forecast lines. /\n strokeWidth?: number;\n /\n Set off the forecast period from the actuals with a dashed divider at the\n * hand-off point (the first row with a forecast value) and a subtle shaded\n * band over the forecast region.\n /\n showForecastRegion?: boolean;\n showLegend?: boolean;\n}\n\nconst ConfidenceCone = React.forwardRef<HTMLDivElement, ConfidenceConeProps>(\n (\n {\n className,\n config,\n data,\n xKey,\n actualKey,\n forecastKey,\n lowerKey,\n upperKey,\n xAxisLabel,\n yAxisLabel,\n yUnit,\n strokeWidth = 2,\n showForecastRegion = true,\n showGrid = true,\n showTooltip = true,\n showLegend = true,\n showXAxis = true,\n showYAxis = true,\n xTickFormatter,\n yTickFormatter,\n xAxisAngle,\n xAxisInterval,\n yAxisTickCount,\n yAxisDomain,\n gridDashed,\n gridHorizontal,\n gridVertical,\n tooltipContent,\n ...props\n },\n ref\n ) => {\n // Memoized so recharts sees a stable content type across renders — a fresh\n // wrapper each render would remount the caller's tooltip and reset its state.\n const customTooltip = React.useMemo(\n () => (tooltipContent ? createConeTooltip(tooltipContent) : undefined),\n [tooltipContent]\n );\n\n const xAxisTitle = xAxisLabel\n ? { value: xAxisLabel, position: 'insideBottom' as const, offset: 0 }\n : undefined;\n const yAxisTitle = yAxisLabel\n ? {\n value: yAxisLabel,\n angle: -90,\n position: 'insideLeft' as const,\n style: { textAnchor: 'middle' as const },\n }\n : undefined;\n\n const yDomain = resolveAxisDomain(yAxisDomain);\n\n // Room for the X tick row: recharts' default 30, plus a rotated tick row\n // (+20) and/or the axis title (+18). Additive — both can be present at once,\n // which the old label-or-angle ternary under-allocated.\n const xAxisHeight =\n xAxisLabel \|\| xAxisAngle != null\n ? 30 + (xAxisAngle != null ? 20 : 0) + (xAxisLabel ? 18 : 0)\n : undefined;\n\n // Augment each row with the `[lower, upper]` band tuple the Area shades.\n // Rows missing a numeric bound are left un-coned (the band breaks there).\n const chartData = data.map((row) => {\n const lower = row[lowerKey];\n const upper = row[upperKey];\n return {\n ...row,\n [BAND_KEY]:\n typeof lower === 'number' && typeof upper === 'number'\n ? [lower, upper]\n : undefined,\n };\n });\n\n // The forecast begins at the first row carrying a forecast value; set that\n // region off from the actuals with a shaded band + a divider at the hand-off.\n const forecastStart = showForecastRegion\n ? data.find((row) => typeof row[forecastKey] === 'number')?.[xKey]\n : undefined;\n const lastX = data[data.length - 1]?.[xKey];\n\n return (\n <div ref={ref} className={cn(className)} {...props}>\n <ChartContainer\n config={config}\n className=\"size-full [&_.recharts-label]:fill-foreground\"\n >\n <ComposedChart data={chartData as readonly unknown[]}>\n {showGrid && (\n <CartesianGrid\n horizontal={gridHorizontal ?? true}\n vertical={gridVertical ?? false}\n strokeDasharray={gridDashed ? '3 3' : undefined}\n />\n )}\n <XAxis\n dataKey={xKey}\n type=\"category\"\n hide={!showXAxis}\n tickLine={false}\n axisLine={false}\n tickMargin={8}\n tickFormatter={xTickFormatter}\n angle={xAxisAngle}\n interval={xAxisInterval}\n textAnchor={\n xAxisAngle != null ? (xAxisAngle < 0 ? 'end' : 'start') : undefined\n }\n height={xAxisHeight}\n label={xAxisTitle}\n />\n <YAxis\n type=\"number\"\n hide={!showYAxis}\n tickLine={false}\n axisLine={false}\n unit={yUnit}\n tickFormatter={yTickFormatter}\n tickCount={yAxisTickCount}\n domain={yDomain}\n width={yAxisLabel ? 72 : undefined}\n label={yAxisTitle}\n />\n {/ Set the forecast region off from the actuals (behind everything). /}\n {forecastStart != null && lastX != null && (\n <ReferenceArea\n x1={forecastStart}\n x2={lastX}\n fill=\"var(--ui-background-surface-secondary)\"\n fillOpacity={0.5}\n ifOverflow=\"extendDomain\"\n />\n )}\n {forecastStart != null && (\n <ReferenceLine\n x={forecastStart}\n stroke=\"var(--ui-border-on-surface-border)\"\n strokeDasharray=\"4 4\"\n />\n )}\n {showTooltip &&\n (customTooltip ? (\n // Strips the synthetic band before the caller's tooltip sees it\n // — the `__cone` series feeds the Area, not the tooltip.\n <ChartTooltip content={customTooltip} />\n ) : (\n <ChartTooltip\n content={(tp) => (\n <ChartTooltipContent\n active={tp.active}\n label={tp.label}\n // The synthetic band feeds the Area, not the tooltip.\n payload={\n dropConeBand(\n tp.payload\n ) as ChartTooltipContentProps['payload']\n }\n />\n )}\n />\n ))}\n {showLegend && (\n <ChartLegend\n content={(lp) => (\n <ChartLegendContent\n verticalAlign={lp.verticalAlign}\n payload={\n dropConeBand(\n lp.payload\n ) as ChartLegendContentProps['payload']\n }\n />\n )}\n />\n )}\n {/ The cone renders first so the lines draw on top. One color for the\n whole metric — actual and forecast differ by line style, not hue —\n so the cone + forecast line reuse the actual series' color. */}\n <Area\n dataKey={BAND_KEY}\n type=\"monotone\"\n stroke=\"none\"\n fill={`var(--color-${actualKey})`}\n fillOpacity={0.15}\n connectNulls={false}\n dot={false}\n activeDot={false}\n isAnimationActive={false}\n legendType=\"none\"\n tooltipType=\"none\"\n />\n <Area\n dataKey={actualKey}\n type=\"monotone\"\n stroke={`var(--color-${actualKey})`}\n strokeWidth={strokeWidth}\n fill={`var(--color-${actualKey})`}\n fillOpacity={0.15}\n dot={false}\n activeDot={false}\n connectNulls\n isAnimationActive={false}\n />\n <Line\n dataKey={forecastKey}\n type=\"monotone\"\n stroke={`var(--color-${actualKey})`}\n strokeWidth={strokeWidth}\n strokeDasharray=\"5 5\"\n dot={false}\n connectNulls\n isAnimationActive={false}\n />\n </ComposedChart>\n </ChartContainer>\n </div>\n );\n }\n);\nConfidenceCone.displayName = 'ConfidenceCone';\n\nexport { ConfidenceCone };\n"],"names":["BAND_KEY","dropConeBand","payload","item","createConeTooltip","tooltipContent","props","merged","React","ConfidenceCone","className","config","data","xKey","actualKey","forecastKey","lowerKey","upperKey","xAxisLabel","yAxisLabel","yUnit","strokeWidth","showForecastRegion","showGrid","showTooltip","showLegend","showXAxis","showYAxis","xTickFormatter","yTickFormatter","xAxisAngle","xAxisInterval","yAxisTickCount","yAxisDomain","gridDashed","gridHorizontal","gridVertical","ref","customTooltip","xAxisTitle","yAxisTitle","yDomain","resolveAxisDomain","xAxisHeight","chartData","row","lower","upper","forecastStart","_a","lastX","_b","jsx","cn","ChartContainer","jsxs","ComposedChart","CartesianGrid","XAxis","YAxis","ReferenceArea","ReferenceLine","ChartTooltip","tp","ChartTooltipContent","ChartLegend","lp","ChartLegendContent","Area","Line"],"mappings":"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"}
1	+ {"version":3,"file":"confidence-cone.js","sources":["../../../../src/components/ui/confidence-cone/confidence-cone.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n Area,\n CartesianGrid,\n ComposedChart,\n Line,\n ReferenceArea,\n ReferenceLine,\n Text,\n XAxis,\n YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n ChartContainer,\n ChartLegend,\n ChartLegendContent,\n ChartTooltip,\n ChartTooltipContent,\n resolveAxisDomain,\n resolveAnimation,\n resolveRotatedTickAnchor,\n resolveXAxisHeight,\n resolveXAxisTitle,\n resolveYAxisTitle,\n CHART_LABEL_FONT_SIZE,\n type ChartConfig,\n type ChartLegendContentProps,\n type ChartTooltipContentProps,\n type CartesianChartProps,\n type ChartAnimationProps,\n} from '../chart';\n\n// A forecast confidence-cone: a solid line over the known/actual period, a\n// dashed line over the forecast period, and a shaded band (the \"cone\") between\n// a lower and upper bound that typically widens with the horizon — visualizing\n// growing uncertainty. Built on the shared Chart primitives; no new tokens\n// (series colors are caller-supplied via `config`). The whole metric renders in\n// one hue — actual and forecast differ by line style, not color — so the cone\n// band and the forecast line both reuse the actual series' color.\n\n// Each series' band is a synthetic `[lower, upper]` range field per row that a\n// recharts <Area> shades; kept out of the tooltip/legend (see the filters\n// below). One band per series, so the key carries the series' actual key — the\n// whole `__cone` prefix is reserved.\nconst BAND_PREFIX = '__cone';\nconst bandKeyFor = (actualKey: string) => `${BAND_PREFIX}:${actualKey}`;\n\n/*\n Drop every synthetic cone-band range series from a recharts tooltip/legend\n * payload, keeping the real actual/forecast series (and their order). Applied to\n * both the default tooltip and any caller-supplied `tooltipContent`, so no band\n * surfaces regardless of which path renders or how many series are plotted.\n /\nexport function dropConeBand<T extends { dataKey?: unknown }>(\n payload: readonly T[] \| undefined\n): T[] \| undefined {\n return payload?.filter(\n (item) =>\n !(typeof item.dataKey === 'string' && item.dataKey.startsWith(BAND_PREFIX))\n );\n}\n\n/\n Reduce a legend payload to the metrics the chart plots — one entry per series.\n * A series' actual, forecast and cone are three recharts series painting a\n * single metric in a single hue, so the legend names each metric once, with its\n * actual series' swatch, instead of listing line styles as separate series.\n /\nexport function keepMetricSeries<T extends { dataKey?: unknown }>(\n payload: readonly T[] \| undefined,\n actualKeys: readonly string[]\n): T[] \| undefined {\n return payload?.filter(\n (item) => typeof item.dataKey === 'string' && actualKeys.includes(item.dataKey)\n );\n}\n\n/\n Wrap a caller-supplied `tooltipContent` so the synthetic cone band is stripped\n * from the payload before it renders, while preserving recharts' own mount\n * semantics — a function is mounted via `createElement` (its own component\n * identity + hook state), an element via `cloneElement`. This mirrors what the\n * pass-through charts get by handing `content` straight to recharts, so a\n * function-form tooltip keeps its state across re-renders here too. The returned\n * component is a stable content type (memoize it on `tooltipContent`).\n /\ntype TooltipContentType = NonNullable<\n React.ComponentProps<typeof ChartTooltip>['content']\n>;\ntype TooltipContentFn = Extract<TooltipContentType, (...args: never[]) => unknown>;\ntype TooltipRenderProps = Parameters<TooltipContentFn>[0];\n\nexport function createConeTooltip(tooltipContent: TooltipContentType) {\n return function ConeTooltip(props: TooltipRenderProps) {\n const merged = {\n ...props,\n payload: dropConeBand(props.payload),\n } as TooltipRenderProps;\n return typeof tooltipContent === 'function'\n ? React.createElement(\n tooltipContent as React.FunctionComponent<TooltipRenderProps>,\n merged\n )\n : React.cloneElement(tooltipContent, merged);\n };\n}\n\n/\n One plotted metric: its actual / forecast columns and, optionally, the two\n * bound columns that shade its cone. Omit `lowerKey`/`upperKey` for a band-less\n * metric — a solid line handing off to a bare dashed projection.\n /\nexport interface ConfidenceConeSeries {\n /* Field for the known/actual values — drawn as a solid line with a filled area. /\n actualKey: string;\n /* Field for the projected values — drawn as a dashed line. /\n forecastKey: string;\n /* Field for the cone's lower bound. Omit (with `upperKey`) for no cone. /\n lowerKey?: string;\n /* Field for the cone's upper bound. Omit (with `lowerKey`) for no cone. /\n upperKey?: string;\n}\n\n/\n The x values of the projected period — every row carrying a forecast value for\n * at least one series, in data order. The first is the hand-off point (where the\n * shaded region and divider start); the whole set drives the forecast tick\n * styling, matched by value so tick `interval` can't skew it the way a tick\n * index would. Exported for unit tests; not part of the package's public API.\n /\nexport function forecastPeriodX(\n data: ReadonlyArray<Record<string, string \| number \| null \| undefined>>,\n series: readonly ConfidenceConeSeries[],\n xKey: string\n): Array<string \| number \| null \| undefined> {\n return data\n .filter((row) => series.some(({ forecastKey }) => typeof row[forecastKey] === 'number'))\n .map((row) => row[xKey]);\n}\n\n/\n Build the X-axis tick renderer that sets the projected columns apart: italic,\n * in the metric's hue. Styled inline rather than through the `fill` attribute\n * recharts hands every tick, so the accent survives the class-based tick color\n * a chart theme may apply. A custom tick owns its own text, so the caller's\n * `xTickFormatter` is applied here — recharts only applies it to default ticks.\n * Exported for unit tests; not part of the package's public API.\n /\nexport function createForecastTick(\n forecastX: ReadonlySet<string \| number \| null \| undefined>,\n color: string,\n tickFormatter?: CartesianChartProps['xTickFormatter']\n) {\n return function ForecastTick({\n payload,\n index,\n ...tickProps\n }: {\n payload?: { value?: string \| number };\n index?: number;\n }) {\n const value = payload?.value;\n return (\n <Text\n {...tickProps}\n style={\n value != null && forecastX.has(value)\n ? { fontStyle: 'italic', fill: color }\n : undefined\n }\n >\n {tickFormatter && value != null ? tickFormatter(value, index) : value}\n </Text>\n );\n };\n}\n\n/* A dashed horizontal threshold on the value axis. /\nexport interface ConfidenceConeReferenceLine {\n /* Position on the value (Y) axis. /\n value: number;\n /* Optional caption rendered at the line's right end. /\n label?: string;\n}\n\n/\n Every prop except the one-form-or-the-other requirement `ConfidenceConeProps`\n * layers on below. Exported so the stories can type their `Meta` on a single\n * object shape — Storybook can't split a union's required args between `meta.args`\n * and a story's. Not re-exported from `index.ts`; not part of the public API.\n /\nexport interface ConfidenceConeBaseProps\n extends Omit<React.ComponentProps<'div'>, 'children'>,\n CartesianChartProps,\n ChartAnimationProps {\n /\n Row-per-point data — the shared x dimension plus each series' actual /\n * forecast / bound fields. Rows are naturally sparse (a point has either an\n * actual or a forecast + bounds), so missing fields are allowed. Avoid fields\n * starting with `__cone` — that prefix is reserved for the internal\n * prediction-band series.\n /\n data: ReadonlyArray<Record<string, string \| number \| null \| undefined>>;\n /\n Per-series map of `label` / `color` for the actual + forecast lines\n * (imported from the shared `Chart` primitives). Colors are caller-supplied —\n * reference an existing semantic `--ui-` token; there is no chart palette tier\n yet. Each metric renders in one hue: its cone band and forecast line both\n * reuse its actual series' color — actual and forecast differ by line style,\n * not hue.\n /\n config: ChartConfig;\n /* Category / time axis key (the shared dimension across rows). /\n xKey: string;\n /\n Plot several metrics against one shared axis — each with its own actual /\n * forecast / bound fields and its own hue (from `config[actualKey]`). Takes\n * precedence over the single-series `actualKey`/`forecastKey`/`lowerKey`/\n * `upperKey` shorthand below; pass one form or the other, not both. One of the\n * two forms is required.\n /\n series?: readonly ConfidenceConeSeries[];\n /\n Single-series shorthand — field for the known/actual values, drawn as a\n * solid line with a filled area. Required (with `forecastKey`) unless `series`\n * is set, which supersedes it.\n /\n actualKey?: string;\n /\n Single-series shorthand — field for the projected values, drawn as a dashed\n * line. Required (with `actualKey`) unless `series` is set, which supersedes\n * it.\n /\n forecastKey?: string;\n /* Field for the cone's lower bound. Omit (with `upperKey`) for no cone. /\n lowerKey?: string;\n /* Field for the cone's upper bound. Omit (with `lowerKey`) for no cone. /\n upperKey?: string;\n /\n How the known/actual period is drawn: a filled `area` under the line (the\n * default), or a bare `line` — for a chart where the cone is the only shaded\n * region, or where several metrics' fills would muddy each other.\n /\n actualType?: 'area' \| 'line';\n /* Stroke width of the actual + forecast lines. /\n strokeWidth?: number;\n /\n Mark each data point: a filled dot on the observed values, a hollow one on\n * the projection — so a point reads as measured or predicted at a glance.\n /\n showDots?: boolean;\n /\n Italicize the X-axis ticks over the forecast period and paint them in the\n * first series' hue, so the projected columns read as projected even when the\n * shaded region is off.\n /\n styleForecastTicks?: boolean;\n /\n One or more dashed horizontal thresholds on the value axis — e.g. a target\n * or a capacity limit. Pass a single object or an array to draw several.\n /\n referenceLine?: ConfidenceConeReferenceLine \| ConfidenceConeReferenceLine[];\n /\n Set off the forecast period from the actuals with a dashed divider at the\n * hand-off point (the first row with a forecast value) and a subtle shaded\n * band over the forecast region.\n /\n showForecastRegion?: boolean;\n showLegend?: boolean;\n}\n\n/\n Which columns to plot has to be spelled out one way or the other: the `series`\n * array, or the flat `actualKey` + `forecastKey` shorthand. Expressed as a union\n * so a chart with neither is a compile error rather than a silent plot of axes\n * and nothing else. Both forms together stay legal — `series` wins (see\n * `plotted`), which is what the multi-series stories rely on to clear the args\n * table.\n /\nexport type ConfidenceConeProps = ConfidenceConeBaseProps &\n (\n \| { series: readonly ConfidenceConeSeries[] }\n \| { actualKey: string; forecastKey: string }\n );\n\nconst ConfidenceCone = React.forwardRef<HTMLDivElement, ConfidenceConeProps>(\n (\n {\n className,\n config,\n data,\n xKey,\n series,\n actualKey,\n forecastKey,\n lowerKey,\n upperKey,\n xAxisLabel,\n yAxisLabel,\n yUnit,\n actualType = 'area',\n strokeWidth = 2,\n showDots = false,\n styleForecastTicks = false,\n referenceLine,\n showForecastRegion = true,\n showGrid = true,\n showTooltip = true,\n showLegend = true,\n showXAxis = true,\n showYAxis = true,\n xTickFormatter,\n yTickFormatter,\n xAxisAngle,\n xAxisInterval,\n yAxisTickCount,\n yAxisDomain,\n gridDashed,\n gridHorizontal,\n gridVertical,\n tooltipContent,\n animate,\n animationDuration,\n animationBegin,\n animationEasing,\n ...props\n },\n ref\n ) => {\n // The flat Key props are the single-series shorthand for `series`.\n const plotted = React.useMemo<readonly ConfidenceConeSeries[]>(() => {\n if (series?.length) return series;\n if (!actualKey \|\| !forecastKey) return [];\n return [{ actualKey, forecastKey, lowerKey, upperKey }];\n }, [series, actualKey, forecastKey, lowerKey, upperKey]);\n\n const animation = resolveAnimation({\n animate,\n animationDuration,\n animationBegin,\n animationEasing,\n });\n // Memoized so recharts sees a stable content type across renders — a fresh\n // wrapper each render would remount the caller's tooltip and reset its state.\n const customTooltip = React.useMemo(\n () => (tooltipContent ? createConeTooltip(tooltipContent) : undefined),\n [tooltipContent]\n );\n\n const xAxisTitle = resolveXAxisTitle(xAxisLabel);\n const yAxisTitle = resolveYAxisTitle(yAxisLabel);\n\n const yDomain = resolveAxisDomain(yAxisDomain);\n\n // One hue per metric. Each cone and forecast line already paints with its own\n // series' actual color; re-pointing that series' forecast key's `--color-`\n // at it too means nothing downstream — a custom tooltip, a caller's\n // `var(--color-<forecastKey>)` — can reintroduce a second color.\n const seriesConfig = React.useMemo(() => {\n let next: ChartConfig \| undefined;\n for (const { actualKey: aKey, forecastKey: fKey } of plotted) {\n const actual = config[aKey];\n const forecast = config[fKey];\n if (!actual \|\| !forecast) continue;\n next ??= { ...config };\n next[fKey] = {\n label: forecast.label,\n icon: forecast.icon,\n ...(actual.theme ? { theme: actual.theme } : { color: actual.color }),\n };\n }\n return next ?? config;\n }, [config, plotted]);\n\n const xAxisHeight = resolveXAxisHeight(xAxisLabel, xAxisAngle);\n\n // Augment each row with one `[lower, upper]` band tuple per coned series for\n // its Area to shade. Rows missing a numeric bound are left un-coned (the\n // band breaks there); a series without bounds gets no band at all.\n const chartData = data.map((row) => {\n const next: Record<string, unknown> = { ...row };\n for (const { actualKey: aKey, lowerKey: lKey, upperKey: uKey } of plotted) {\n if (!lKey \|\| !uKey) continue;\n const lower = row[lKey];\n const upper = row[uKey];\n next[bandKeyFor(aKey)] =\n typeof lower === 'number' && typeof upper === 'number'\n ? [lower, upper]\n : undefined;\n }\n return next;\n });\n\n const forecastX = forecastPeriodX(data, plotted, xKey);\n // Set the projected period off from the actuals with a shaded band + a\n // divider at the hand-off.\n const forecastStart = showForecastRegion ? forecastX[0] : undefined;\n const lastX = data[data.length - 1]?.[xKey];\n\n const renderForecastTick = createForecastTick(\n new Set(forecastX),\n `var(--color-${plotted[0]?.actualKey})`,\n xTickFormatter\n );\n\n const referenceLines = referenceLine\n ? Array.isArray(referenceLine)\n ? referenceLine\n : [referenceLine]\n : [];\n\n // Everything from here to the `return` is lifted out of the returned tree\n // only to keep it readable as a flat list of chart children. Nothing in\n // recharts forces the `render` helpers to be plain functions: axes and\n // series register themselves with the chart's store, and `<Cell>` is the\n // only child still looked up by element type — a component wrapper renders\n // fine (see AreaChart's `AreaFillGradients`). They stay functions because\n // they are declared inside the render body, where a component would get a\n // fresh element type on every render and remount its subtree.\n\n const renderAxes = () => (\n <>\n <XAxis\n dataKey={xKey}\n type=\"category\"\n hide={!showXAxis}\n tickLine={false}\n axisLine={false}\n tickMargin={8}\n tickFormatter={xTickFormatter}\n tick={styleForecastTicks ? renderForecastTick : undefined}\n angle={xAxisAngle}\n interval={xAxisInterval}\n textAnchor={resolveRotatedTickAnchor(xAxisAngle)}\n height={xAxisHeight}\n label={xAxisTitle}\n />\n <YAxis\n type=\"number\"\n hide={!showYAxis}\n tickLine={false}\n axisLine={false}\n unit={yUnit}\n tickFormatter={yTickFormatter}\n tickCount={yAxisTickCount}\n domain={yDomain}\n width={yAxisLabel ? 72 : undefined}\n label={yAxisTitle}\n />\n </>\n );\n\n // Set the forecast region off from the actuals (behind everything).\n const renderForecastRegion = () => (\n <>\n {forecastStart != null && lastX != null && (\n <ReferenceArea\n x1={forecastStart}\n x2={lastX}\n fill=\"var(--ui-background-surface-secondary)\"\n fillOpacity={0.5}\n ifOverflow=\"extendDomain\"\n />\n )}\n {forecastStart != null && (\n <ReferenceLine\n x={forecastStart}\n stroke=\"var(--ui-border-on-surface-border)\"\n strokeDasharray=\"4 4\"\n />\n )}\n </>\n );\n\n const renderThreshold = (\n threshold: ConfidenceConeReferenceLine,\n index: number\n ) => (\n <ReferenceLine\n key={`${threshold.label ?? 'threshold'}-${index}`}\n y={threshold.value}\n stroke=\"var(--ui-text-on-surface-secondary)\"\n strokeDasharray=\"4 4\"\n // extendDomain so a threshold beyond the data max stays visible.\n ifOverflow=\"extendDomain\"\n label={\n threshold.label\n ? {\n value: threshold.label,\n position: 'insideTopRight',\n fill: 'var(--ui-text-on-surface-secondary)',\n fontSize: CHART_LABEL_FONT_SIZE,\n }\n : undefined\n }\n />\n );\n\n const renderTooltip = () =>\n customTooltip ? (\n // Strips the synthetic band before the caller's tooltip sees it — the\n // `__cone` series feeds the Area, not the tooltip.\n <ChartTooltip content={customTooltip} />\n ) : (\n <ChartTooltip\n content={(tp) => (\n <ChartTooltipContent\n active={tp.active}\n label={tp.label}\n // The synthetic band feeds the Area, not the tooltip.\n payload={\n dropConeBand(tp.payload) as ChartTooltipContentProps['payload']\n }\n />\n )}\n />\n );\n\n const renderLegend = () => (\n <ChartLegend\n content={(lp) => (\n <ChartLegendContent\n verticalAlign={lp.verticalAlign}\n payload={\n keepMetricSeries(\n lp.payload,\n plotted.map((s) => s.actualKey)\n ) as ChartLegendContentProps['payload']\n }\n />\n )}\n />\n );\n\n // One color per metric — actual and forecast differ by line style, not hue\n // — so a cone reuses its series' actual color.\n const renderConeBand = ({\n actualKey: aKey,\n lowerKey: lKey,\n upperKey: uKey,\n }: ConfidenceConeSeries) =>\n lKey && uKey ? (\n <Area\n key={bandKeyFor(aKey)}\n // The band paints in the same hue, at the same opacity, as the\n // actual series' own area, so nothing on the rendered path tells\n // the two apart. recharts forwards `data-` onto the path it\n // draws; the tests select the band through this.\n data-slot=\"confidence-cone-band\"\n dataKey={bandKeyFor(aKey)}\n type=\"monotone\"\n stroke=\"none\"\n fill={`var(--color-${aKey})`}\n fillOpacity={0.15}\n connectNulls={false}\n dot={false}\n activeDot={false}\n {...animation}\n legendType=\"none\"\n tooltipType=\"none\"\n />\n ) : null;\n\n const renderActualMark = ({ actualKey: aKey }: ConfidenceConeSeries) => {\n // An area and a line take the same props here; only the region under the\n // curve (and the mark recharts draws) differ. A `Line` gets no fill at\n // all — `fillOpacity: 0` would also erase its dots.\n const ActualMark = actualType === 'line' ? Line : Area;\n const areaFill =\n actualType === 'line'\n ? undefined\n : { fill: `var(--color-${aKey})`, fillOpacity: 0.15 };\n // Observed points read as measured: LineChart's dot geometry (r 3, 2px\n // ring) filled with the metric hue. The ring is that same hue, so the\n // mark is solid — and wide enough against the 2px line not to read as a\n // mere thickening of it. `fillOpacity: 1` is load-bearing: recharts\n // merges the parent mark's own presentation props into every dot it\n // draws, so an `<Area>`'s 0.15 would otherwise wash the dot out to a halo.\n const dot = showDots\n ? {\n r: 3,\n fill: `var(--color-${aKey})`,\n fillOpacity: 1,\n stroke: `var(--color-${aKey})`,\n strokeWidth: 2,\n }\n : false;\n return (\n <ActualMark\n key={aKey}\n dataKey={aKey}\n type=\"monotone\"\n stroke={`var(--color-${aKey})`}\n strokeWidth={strokeWidth}\n {...areaFill}\n dot={dot}\n activeDot={showDots ? { r: 5 } : false}\n connectNulls\n {...animation}\n // The legend names the metric once, so it carries the swatch that\n // stands for the whole series rather than the actual line's style.\n legendType=\"rect\"\n />\n );\n };\n\n const renderForecastLine = ({\n actualKey: aKey,\n forecastKey: fKey,\n }: ConfidenceConeSeries) => {\n // Projected points read as predicted: the same LineChart dot, inverted —\n // the metric's hue as the ring, the surface color as the fill, so the\n // dashed line doesn't show through the middle. (LineChart leaves the fill\n // to recharts, whose `Line` defaults it to `#fff`; the token is that same\n // white in the light theme and also holds up in the dark one.)\n // `strokeDasharray: 'none'` is load-bearing: recharts merges the parent\n // mark's presentation props into every dot, so this line's `5 5` would\n // otherwise break each dot's ring into two arcs.\n const dot = showDots\n ? {\n r: 3,\n fill: 'var(--ui-background-surface-primary)',\n stroke: `var(--color-${aKey})`,\n strokeWidth: 2,\n strokeDasharray: 'none',\n }\n : false;\n return (\n <Line\n key={fKey}\n dataKey={fKey}\n type=\"monotone\"\n stroke={`var(--color-${aKey})`}\n strokeWidth={strokeWidth}\n strokeDasharray=\"5 5\"\n dot={dot}\n // Paired with `dot` the way every other chart does it — left unset,\n // the projection would keep recharts' default active dot while the\n // actuals had none (and a different radius when on).\n activeDot={showDots ? { r: 5 } : false}\n connectNulls\n {...animation}\n />\n );\n };\n\n return (\n <div ref={ref} className={cn(className)} {...props}>\n <ChartContainer\n config={seriesConfig}\n className=\"size-full [&_.recharts-label]:fill-foreground\"\n >\n <ComposedChart data={chartData as readonly unknown[]}>\n {showGrid && (\n <CartesianGrid\n horizontal={gridHorizontal ?? true}\n vertical={gridVertical ?? false}\n strokeDasharray={gridDashed ? '3 3' : undefined}\n />\n )}\n {renderAxes()}\n {renderForecastRegion()}\n {referenceLines.map(renderThreshold)}\n {showTooltip && renderTooltip()}\n {showLegend && renderLegend()}\n {/ Every cone renders before any line, so the lines draw on top of\n all of them. */}\n {plotted.map(renderConeBand)}\n {plotted.map(renderActualMark)}\n {plotted.map(renderForecastLine)}\n </ComposedChart>\n </ChartContainer>\n </div>\n );\n }\n);\nConfidenceCone.displayName = 'ConfidenceCone';\n\nexport { ConfidenceCone };\n"],"names":["BAND_PREFIX","bandKeyFor","actualKey","dropConeBand","payload","item","keepMetricSeries","actualKeys","createConeTooltip","tooltipContent","props","merged","React","forecastPeriodX","data","series","xKey","row","forecastKey","createForecastTick","forecastX","color","tickFormatter","index","tickProps","value","jsx","Text","ConfidenceCone","className","config","lowerKey","upperKey","xAxisLabel","yAxisLabel","yUnit","actualType","strokeWidth","showDots","styleForecastTicks","referenceLine","showForecastRegion","showGrid","showTooltip","showLegend","showXAxis","showYAxis","xTickFormatter","yTickFormatter","xAxisAngle","xAxisInterval","yAxisTickCount","yAxisDomain","gridDashed","gridHorizontal","gridVertical","animate","animationDuration","animationBegin","animationEasing","ref","plotted","animation","resolveAnimation","customTooltip","xAxisTitle","resolveXAxisTitle","yAxisTitle","resolveYAxisTitle","yDomain","resolveAxisDomain","seriesConfig","next","aKey","fKey","actual","forecast","xAxisHeight","resolveXAxisHeight","chartData","lKey","uKey","lower","upper","forecastStart","lastX","_a","renderForecastTick","_b","referenceLines","renderAxes","jsxs","Fragment","XAxis","resolveRotatedTickAnchor","YAxis","renderForecastRegion","ReferenceArea","ReferenceLine","renderThreshold","threshold","CHART_LABEL_FONT_SIZE","renderTooltip","ChartTooltip","tp","ChartTooltipContent","renderLegend","ChartLegend","lp","ChartLegendContent","s","renderConeBand","Area","renderActualMark","ActualMark","Line","areaFill","dot","renderForecastLine","cn","ChartContainer","ComposedChart","CartesianGrid"],"mappings":"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"}