@hybridcore/ui 1.6.30 → 1.6.32

package/dist/components/charts/forecast-cone/logic.js

@@ -3,18 +3,18 @@ import { useTheme as Ue, useThemeProps as $e } from "@mui/material";
 import Q from "lodash";
 import { useState as Ne, useRef as M, useLayoutEffect as Ge, useEffect as He } from "react";
 import { getTooltipDateFormat as We, attachCursorTooltip as ze } from "../_common/tooltip.js";
-import { applyValueFormat as Ze } from "../_common/utils.js";
-import { c as O, a as Ae } from "../../../Entity-BJCuhdq_.js";
-import { X as qe, V as Je } from "../../../AxisRenderer-BCQoUJw6.js";
-import { X as Ke } from "../../../XYCursor-CVUSpqb9.js";
-import { A as Qe, a as et } from "../../../AxisRendererY-AXWvGU6r.js";
-import { L as tt } from "../../../Legend-CFvQiIfn.js";
+import { applyInterfaceColors as Ze, applyValueFormat as qe } from "../_common/utils.js";
+import { X as Je, V as Ke } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as Qe } from "../../../XYCursor-CVUSpqb9.js";
+import { A as et, a as tt } from "../../../AxisRendererY-AXWvGU6r.js";
+import { c as S, a as Ae } from "../../../Entity-BJCuhdq_.js";
+import { L as it } from "../../../Legend-CFvQiIfn.js";
 import { L as G } from "../../../LineSeries-D_IL2qGF.js";
-import { C as it } from "../../../Circle-BnfBNKBD.js";
-import { B as rt } from "../../../Bullet-Djj7Vs9T.js";
-import { G as nt, D as st } from "../../../GaplessDateAxis-B2g2jgSG.js";
-import { D as ot } from "../../../DateAxis-DEXKps1S.js";
-class at {
+import { C as rt } from "../../../Circle-BnfBNKBD.js";
+import { B as nt } from "../../../Bullet-Djj7Vs9T.js";
+import { G as st, D as ot } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { D as at } from "../../../DateAxis-DEXKps1S.js";
+class lt {
   constructor(r, a) {
     Object.defineProperty(this, "_line", {
       enumerable: !0,
@@ -84,7 +84,7 @@ class at {
     (this._line || this._line !== 0 && this._point === 1) && this._context.closePath(), this._line = 1 - this._line;
   }
   point(r, a) {
-    let h = NaN;
+    let d = NaN;
     if (r = +r, a = +a, !(r === this._x1 && a === this._y1)) {
       switch (this._point) {
         case 0:
@@ -94,19 +94,19 @@ class at {
           this._point = 2;
           break;
         case 2:
-          this._point = 3, ae(this, Oe(this, h = De(this, r, a)), h);
+          this._point = 3, ae(this, Oe(this, d = De(this, r, a)), d);
           break;
         default:
-          ae(this, this._t0, h = De(this, r, a));
+          ae(this, this._t0, d = De(this, r, a));
           break;
       }
-      this._x0 = this._x1, this._x1 = r, this._y0 = this._y1, this._y1 = a, this._t0 = h;
+      this._x0 = this._x1, this._x1 = r, this._y0 = this._y1, this._y1 = a, this._t0 = d;
     }
   }
 }
 function Ie(i) {
   function r(a) {
-    return new at(a, i);
+    return new lt(a, i);
   }
   return r;
 }
@@ -114,7 +114,7 @@ function ke(i) {
   return i < 0 ? -1 : 1;
 }
 function De(i, r, a) {
-  let h = i._x1 - i._x0, s = r - i._x1, f = (i._y1 - i._y0) / (h || s < 0 && -0), c = (a - i._y1) / (s || h < 0 && -0), x = (f * s + c * h) / (h + s);
+  let d = i._x1 - i._x0, s = r - i._x1, f = (i._y1 - i._y0) / (d || s < 0 && -0), c = (a - i._y1) / (s || d < 0 && -0), x = (f * s + c * d) / (d + s);
   return (ke(f) + ke(c)) * Math.min(Math.abs(f), Math.abs(c), 0.5 * Math.abs(x)) || 0;
 }
 function Oe(i, r) {
@@ -122,8 +122,8 @@ function Oe(i, r) {
   return a ? (3 * (i._y1 - i._y0) / a - r) / 2 : r;
 }
 function ae(i, r, a) {
-  let h = i._x0, s = i._y0, f = i._x1, c = i._y1, x = (f - h) / 1.5 * (1 - i._tension);
-  i._context.bezierCurveTo(h + x, s + x * r, f - x, c - x * a, f, c);
+  let d = i._x0, s = i._y0, f = i._x1, c = i._y1, x = (f - d) / 1.5 * (1 - i._tension);
+  i._context.bezierCurveTo(d + x, s + x * r, f - x, c - x * a, f, c);
 }
 class H extends G {
   _afterNew() {
@@ -145,10 +145,10 @@ Object.defineProperty(H, "classNames", {
   writable: !0,
   value: G.classNames.concat([H.className])
 });
-const lt = [
+const ct = [
   { lowerField: "low95", upperField: "high95", label: "95% expected move" },
   { lowerField: "low68", upperField: "high68", label: "68% expected move" }
-], ct = [0.15, 0.3, 0.45], le = 1.1, ut = "spineValue", Te = 5, pt = 7.5, mt = {
+], ut = [0.15, 0.3, 0.45], le = 1.1, pt = "spineValue", Te = 5, mt = 7.5, ht = {
   millisecond: 1,
   second: 1e3,
   minute: 6e4,
@@ -157,18 +157,18 @@ const lt = [
   week: 6048e5,
   month: 2592e6,
   year: 31536e6
-}, T = (i) => new Date(i).getTime(), dt = (i) => new Intl.DateTimeFormat("en-US", {
+}, O = (i) => new Date(i).getTime(), dt = (i) => new Intl.DateTimeFormat("en-US", {
   month: "short",
   day: "numeric",
   hour: "2-digit",
   minute: "2-digit"
-}).format(new Date(i)), Ce = (i) => i.label ?? dt(i.origin), Et = (i) => {
+}).format(new Date(i)), Ce = (i) => i.label ?? dt(i.origin), Pt = (i) => {
   const r = Ue(), a = $e({ props: i, name: "HCForecastCone" }), {
-    data: h = [],
+    data: d = [],
     dateField: s = "date",
     historyField: f = "close",
     centreField: c = "center",
-    bands: x = lt,
+    bands: x = ct,
     forecasts: _,
     showOriginMarkers: ee = !0,
     nowValue: te,
@@ -179,20 +179,20 @@ const lt = [
     chartId: me = "forecast-cone-chart",
     height: Ee = "100%",
     width: Pe = "100%",
-    loading: de = !1,
-    emptyMessage: he = "No data available",
+    loading: he = !1,
+    emptyMessage: de = "No data available",
     sx: Le,
     ...Se
-  } = a, C = Array.isArray(_) && _.length > 0, [fe, be] = Ne(
-    () => C ? _.length - 1 : 0
+  } = a, T = Array.isArray(_) && _.length > 0, [fe, be] = Ne(
+    () => T ? _.length - 1 : 0
   ), [W, ie] = Ne(
     null
   ), Y = W ?? fe, z = M(Y);
   z.current = Y;
   const ge = M(W !== null);
   ge.current = W !== null;
-  const w = Q.orderBy(h, [s]).map((e) => ({ ...e }));
-  if (!C) {
+  const w = Q.orderBy(d, [s]).map((e) => ({ ...e }));
+  if (!T) {
     const e = w.findIndex(
       (p) => p[c] !== null && p[c] !== void 0
     );
@@ -203,21 +203,17 @@ const lt = [
     height: Ee,
     width: Pe,
     chartId: me,
-    loading: de,
-    emptyMessage: he,
+    loading: he,
+    emptyMessage: de,
     baseInterval: pe
   }, _e = M(null), ve = M(null), re = M(null), V = M(null);
   Ge(() => {
     var xe, we;
     if (!re.current) return;
     const e = Be.new(re.current);
-    ve.current = e, e.setThemes([je.new(e)]), e.interfaceColors.setAll({
-      text: O(r.palette.text.primary),
-      grid: O(r.palette.divider),
-      stroke: O(r.palette.divider)
-    }), Ze(e);
+    ve.current = e, e.setThemes([je.new(e)]), Ze(e, r), qe(e);
     const p = e.container.children.push(
-      qe.new(e, {
+      Je.new(e, {
         panX: !0,
         panY: !1,
         wheelX: "none",
@@ -229,38 +225,38 @@ const lt = [
     );
     _e.current = p, p.set(
       "cursor",
-      Ke.new(e, { behavior: "none" })
+      Qe.new(e, { behavior: "none" })
     ).lineY.set("visible", !1);
-    const Z = pe ?? { timeUnit: "hour", count: 1 }, ne = ue, Re = ne ? nt : ot, b = p.xAxes.push(
+    const Z = pe ?? { timeUnit: "hour", count: 1 }, ne = ue, Re = ne ? st : at, b = p.xAxes.push(
       Re.new(e, {
         maxDeviation: 0.1,
         groupData: !1,
         baseInterval: Z,
-        renderer: Qe.new(e, {})
+        renderer: et.new(e, {})
       })
     );
     (xe = b.get("renderer")) == null || xe.grid.template.setAll({
-      stroke: O(r.palette.divider),
+      stroke: S(r.palette.divider),
       strokeOpacity: 1
     });
-    const E = p.yAxes.push(
-      Je.new(e, {
-        renderer: et.new(e, {})
+    const C = p.yAxes.push(
+      Ke.new(e, {
+        renderer: tt.new(e, {})
       })
     );
-    (we = E.get("renderer")) == null || we.grid.template.setAll({
-      stroke: O(r.palette.divider),
+    (we = C.get("renderer")) == null || we.grid.template.setAll({
+      stroke: S(r.palette.divider),
       strokeOpacity: 1
     });
-    const B = O(ce), Ye = p.children.push(
-      tt.new(e, { centerX: Ae, x: Ae })
-    ), se = () => st.new(e, { dateFormat: "i", dateFields: [s] }), ye = C ? [] : w, q = [];
-    x.forEach((u, d) => {
+    const B = S(ce), Ye = p.children.push(
+      it.new(e, { centerX: Ae, x: Ae })
+    ), se = () => ot.new(e, { dateFormat: "i", dateFields: [s] }), ye = T ? [] : w, q = [];
+    x.forEach((u, h) => {
       const l = p.series.push(
         H.new(e, {
-          name: u.label ?? `Band ${d + 1}`,
+          name: u.label ?? `Band ${h + 1}`,
           xAxis: b,
-          yAxis: E,
+          yAxis: C,
           valueYField: u.upperField,
           openValueYField: u.lowerField,
           valueXField: s,
@@ -273,7 +269,7 @@ const lt = [
       l.strokes.template.set("strokeOpacity", 0), l.fills.template.setAll({
         visible: !0,
         fill: B,
-        fillOpacity: u.fillOpacity ?? ct[d] ?? 0.2
+        fillOpacity: u.fillOpacity ?? ut[h] ?? 0.2
       }), l.data.processor = se(), l.data.setAll(ye), q.push(l);
     });
     let F;
@@ -281,77 +277,77 @@ const lt = [
       H.new(e, {
         name: "Forecast centre",
         xAxis: b,
-        yAxis: E,
+        yAxis: C,
         valueYField: c,
         valueXField: s,
         connect: R,
         autoGapCount: le,
-        stroke: O(r.palette.error.main)
+        stroke: S(r.palette.error.main)
       })
     ), F.strokes.template.setAll({
       strokeWidth: 1.5,
       strokeDasharray: [4, 4]
     }), F.fills.template.set("visible", !1), F.data.processor = se(), F.data.setAll(ye));
-    const L = C ? Q.orderBy(h, [s]).map((u) => ({ ...u })) : w, J = p.series.push(
+    const P = T ? Q.orderBy(d, [s]).map((u) => ({ ...u })) : w, J = p.series.push(
       G.new(e, {
         name: "History",
         xAxis: b,
-        yAxis: E,
+        yAxis: C,
         valueYField: f,
         valueXField: s,
         // When false, the history line breaks at missing dates (gap > ~1 base
         // interval) instead of bridging across them.
         connect: R,
         autoGapCount: le,
-        stroke: O(r.palette.primary.main)
+        stroke: S(r.palette.primary.main)
       })
     );
-    J.strokes.template.setAll({ strokeWidth: 2 }), J.data.processor = se(), J.data.setAll(L), Ye.data.setAll(p.series.values);
-    const K = (mt[Z.timeUnit] ?? 0) * Z.count / 2, oe = (u, d) => {
+    J.strokes.template.setAll({ strokeWidth: 2 }), J.data.processor = se(), J.data.setAll(P), Ye.data.setAll(p.series.values);
+    const K = (ht[Z.timeUnit] ?? 0) * Z.count / 2, oe = (u, h) => {
       var l;
       return (l = u.get("grid")) == null ? void 0 : l.setAll({
         visible: !0,
-        stroke: O(r.palette.text.secondary),
-        strokeOpacity: d,
+        stroke: S(r.palette.text.secondary),
+        strokeOpacity: h,
         strokeDasharray: [2, 3]
       });
     };
-    if (C) {
+    if (T) {
       const u = /* @__PURE__ */ new Set();
-      let d = 1 / 0, l = -1 / 0, v = -1 / 0;
+      let h = 1 / 0, l = -1 / 0, v = -1 / 0;
       const A = (t) => {
-        typeof t == "number" && Number.isFinite(t) && (t < d && (d = t), t > l && (l = t));
+        typeof t == "number" && Number.isFinite(t) && (t < h && (h = t), t > l && (l = t));
       };
-      L.forEach((t) => {
+      P.forEach((t) => {
         A(t[f]);
-        const n = T(t[s]);
+        const n = O(t[s]);
         Number.isFinite(n) && u.add(n);
       });
-      const y = L.length ? T(L[0][s]) : NaN;
+      const y = P.length ? O(P[0][s]) : NaN;
       if (_.forEach(
         (t) => t.rows.forEach((n) => {
           x.forEach((g) => {
             A(n[g.lowerField]), A(n[g.upperField]);
           }), c && A(n[c]);
-          const m = T(n[s]);
+          const m = O(n[s]);
           Number.isFinite(m) && (u.add(m), m > v && (v = m));
         })
-      ), L.length) {
-        const t = T(L[L.length - 1][s]);
+      ), P.length) {
+        const t = O(P[P.length - 1][s]);
         Number.isFinite(t) && t > v && (v = t);
       }
-      if (Number.isFinite(d) && Number.isFinite(l)) {
-        const t = (l - d) * 0.05 || 1;
-        E.set("min", d - t), E.set("max", l + t), E.set("strictMinMax", !0);
+      if (Number.isFinite(h) && Number.isFinite(l)) {
+        const t = (l - h) * 0.05 || 1;
+        C.set("min", h - t), C.set("max", l + t), C.set("strictMinMax", !0);
       }
       if (ne) {
         const t = p.series.push(
           G.new(e, {
             name: "Timeline",
             xAxis: b,
-            yAxis: E,
+            yAxis: C,
             valueXField: s,
-            valueYField: ut
+            valueYField: pt
           })
         );
         t.strokes.template.set("strokeOpacity", 0), t.fills.template.set("visible", !1), t.data.setAll(
@@ -359,7 +355,7 @@ const lt = [
         );
       }
       !ne && Number.isFinite(y) && Number.isFinite(v) && (b.set("min", y), b.set("max", v + K), b.set("strictMinMax", !0)), ee || _.forEach((t) => {
-        const n = T(t.origin);
+        const n = O(t.origin);
         if (Number.isNaN(n)) return;
         const m = b.createAxisRange(
           b.makeDataItem({ value: n + K })
@@ -369,66 +365,66 @@ const lt = [
       const I = b.makeDataItem({ value: 0 }), j = b.createAxisRange(I);
       oe(j, 0.8);
       const X = /* @__PURE__ */ new Map(), U = (t, n) => t.setAll({
-        radius: n ? pt : Te,
+        radius: n ? mt : Te,
         fillOpacity: n ? 1 : 0.6
       });
       if (ee) {
-        const t = L.map((o) => ({ t: T(o[s]), v: o[f] })).filter(
+        const t = P.map((o) => ({ t: O(o[s]), v: o[f] })).filter(
           (o) => Number.isFinite(o.t) && typeof o.v == "number" && Number.isFinite(o.v)
         ), n = (o) => {
-          let P;
+          let E;
           for (const k of t) {
             if (k.t > o) break;
-            P = k.v;
+            E = k.v;
           }
-          return P;
+          return E;
         }, m = [];
-        _.forEach((o, P) => {
+        _.forEach((o, E) => {
           var $;
-          const k = T(o.origin);
+          const k = O(o.origin);
           if (!Number.isFinite(k)) return;
-          const S = c ? ($ = Q.orderBy(o.rows, [s]).find(
+          const L = c ? ($ = Q.orderBy(o.rows, [s]).find(
             (Fe) => Fe[c] !== null && Fe[c] !== void 0
-          )) == null ? void 0 : $[c] : void 0, D = n(k) ?? S;
+          )) == null ? void 0 : $[c] : void 0, D = n(k) ?? L;
           typeof D != "number" || !Number.isFinite(D) || m.push({
             originDate: k,
             originValue: D,
-            originIndex: P
+            originIndex: E
           });
         });
         const g = p.series.push(
           G.new(e, {
             name: "Forecast runs",
             xAxis: b,
-            yAxis: E,
+            yAxis: C,
             valueXField: "originDate",
             valueYField: "originValue"
           })
         );
-        g.strokes.template.set("strokeOpacity", 0), g.fills.template.set("visible", !1), g.bullets.push((o, P, k) => {
-          const S = k.dataContext, D = it.new(o, {
+        g.strokes.template.set("strokeOpacity", 0), g.fills.template.set("visible", !1), g.bullets.push((o, E, k) => {
+          const L = k.dataContext, D = rt.new(o, {
             radius: Te,
             fill: B,
             fillOpacity: 0.6,
-            stroke: O(r.palette.background.paper),
+            stroke: S(r.palette.background.paper),
             strokeWidth: 2,
             interactive: !0,
             cursorOverStyle: "pointer"
           });
-          return U(D, S.originIndex === z.current), D.events.on(
+          return U(D, L.originIndex === z.current), D.events.on(
             "pointerover",
-            () => ie(S.originIndex)
+            () => ie(L.originIndex)
           ), D.events.on(
             "pointerout",
             () => (
               // Guard against a neighbouring bullet's `pointerover` landing first.
               ie(
-                ($) => $ === S.originIndex ? null : $
+                ($) => $ === L.originIndex ? null : $
               )
             )
           ), D.events.on("click", () => {
-            be(S.originIndex), ie(null);
-          }), X.set(S.originIndex, D), rt.new(o, { sprite: D });
+            be(L.originIndex), ie(null);
+          }), X.set(L.originIndex, D), nt.new(o, { sprite: D });
         }), g.data.setAll(m);
       }
       const N = (t) => {
@@ -438,18 +434,18 @@ const lt = [
           ...o
         }));
         q.forEach((o) => o.data.setAll(m)), F == null || F.data.setAll(m);
-        const g = T(n.origin);
+        const g = O(n.origin);
         I.set("value", Number.isNaN(g) ? 0 : g + K), X.forEach(
-          (o, P) => U(o, P === t)
+          (o, E) => U(o, E === t)
         );
       };
       V.current = N, N(z.current);
     } else {
       const u = w.findIndex(
         (y) => y[c] !== null && y[c] !== void 0
-      ), d = [...w].reverse().find(
+      ), h = [...w].reverse().find(
         (y) => y[f] !== null && y[f] !== void 0
-      ), l = u >= 0 ? w[u] : d, v = te !== void 0 ? T(te) : l ? T(l[s]) : NaN, A = Number.isNaN(v) ? NaN : v + K;
+      ), l = u >= 0 ? w[u] : h, v = te !== void 0 ? O(te) : l ? O(l[s]) : NaN, A = Number.isNaN(v) ? NaN : v + K;
       if (!Number.isNaN(A)) {
         const y = b.createAxisRange(
           b.makeDataItem({ value: A })
@@ -464,20 +460,20 @@ const lt = [
       theme: r,
       getText: () => {
         var U;
-        const u = (N) => N == null ? "—" : e.numberFormatter.format(N), d = J.get("tooltipDataItem"), l = F == null ? void 0 : F.get("tooltipDataItem"), v = l ?? d ?? ((U = q[0]) == null ? void 0 : U.get("tooltipDataItem")), A = v == null ? void 0 : v.get("valueX"), y = typeof A == "number" ? e.dateFormatter.format(new Date(A), Ve) : "", I = [];
-        if (C && ge.current) {
+        const u = (N) => N == null ? "—" : e.numberFormatter.format(N), h = J.get("tooltipDataItem"), l = F == null ? void 0 : F.get("tooltipDataItem"), v = l ?? h ?? ((U = q[0]) == null ? void 0 : U.get("tooltipDataItem")), A = v == null ? void 0 : v.get("valueX"), y = typeof A == "number" ? e.dateFormatter.format(new Date(A), Ve) : "", I = [];
+        if (T && ge.current) {
           const N = _[z.current];
           N && I.push(`Forecast run: ${Ce(N)}`);
         }
-        const j = d == null ? void 0 : d.get("valueY");
+        const j = h == null ? void 0 : h.get("valueY");
         j != null && I.push(`History: ${u(j)}`);
         const X = l == null ? void 0 : l.get("valueY");
         return X != null && I.push(`Centre: ${u(X)}`), x.forEach((N, t) => {
           var o;
           const n = (o = q[t]) == null ? void 0 : o.get("tooltipDataItem"), m = n == null ? void 0 : n.get("valueY"), g = n == null ? void 0 : n.get("openValueY");
           if (m != null && g !== void 0 && g !== null) {
-            const P = (m - g) / 2, k = N.label ?? `Band ${t + 1}`;
-            I.push(`[${B.toCSSHex()}]●[/] ${k}: ±${u(P)}`);
+            const E = (m - g) / 2, k = N.label ?? `Band ${t + 1}`;
+            I.push(`[${B.toCSSHex()}]●[/] ${k}: ±${u(E)}`);
           }
         }), I.length === 0 ? "" : y ? `[bold]${y}[/]
 ${I.join(`
@@ -489,7 +485,7 @@ ${I.join(`
     };
   }, [
     r.palette.mode,
-    h,
+    d,
     x,
     _,
     ee,
@@ -501,20 +497,20 @@ ${I.join(`
     var e;
     (e = V.current) == null || e.call(V, Y);
   }, [Y]);
-  const Me = C ? _.map(Ce) : [];
+  const Me = T ? _.map(Ce) : [];
   return {
     chartDivRef: re,
     data: w,
     chartId: me,
-    loading: de,
-    emptyMessage: he,
-    isMulti: C,
+    loading: he,
+    emptyMessage: de,
+    isMulti: T,
     origins: Me,
     selectedOriginIndex: fe,
     shownOriginIndex: Y,
     isPreviewing: W !== null,
     onOriginChange: (e) => {
-      if (!C) return;
+      if (!T) return;
       const p = Math.max(0, Math.min(_.length - 1, e));
       be(p);
     },
@@ -524,5 +520,5 @@ ${I.join(`
   };
 };
 export {
-  Et as useForecastConeChartLogic
+  Pt as useForecastConeChartLogic
 };