@hybridcore/ui 1.6.9 → 1.6.10

package/dist/components/charts/candlestick/logic.js

@@ -1,18 +1,18 @@
-import { R as re, A as ae } from "../../../AnimatedTheme-BOKdw2Oy.js";
-import { useTheme as le, useThemeProps as ne } from "@mui/material";
-import he from "lodash";
-import { useRef as $, useLayoutEffect as ce, useEffect as z } from "react";
-import { getTooltipDateFormat as ue, attachCursorTooltip as ge } from "../_common/tooltip.js";
-import { m as W, e as B, c as u, p as pe } from "../../../Entity-CCUIdRAr.js";
-import { X as me, V as U } from "../../../AxisRenderer-lUbezuh7.js";
-import { X as de } from "../../../XYCursor-gHAo40xC.js";
-import { D as we } from "../../../DateAxis-zNtbSVjW.js";
-import { A as fe, a as Z } from "../../../AxisRendererY-DbSiyb45.js";
-import { C as N } from "../../../ColumnSeries-rgnGm-Bg.js";
-import { R as Q } from "../../../RoundedRectangle-CqMMmPM0.js";
-import { a as q, b as J } from "../../../Tooltip-A_HlttXp.js";
-import { D as K } from "../../../DataProcessor-CvIe9BVn.js";
-class T extends Q {
+import { R as le, A as ne } from "../../../AnimatedTheme-ktdO3Bel.js";
+import { useTheme as he, useThemeProps as ce } from "@mui/material";
+import ue from "lodash";
+import { useRef as N, useLayoutEffect as ge, useEffect as B } from "react";
+import { getTooltipDateFormat as pe, attachCursorTooltip as me } from "../_common/tooltip.js";
+import { m as U, e as Z, c as p, p as de } from "../../../Entity-BJCuhdq_.js";
+import { X as we, V as q } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as fe } from "../../../XYCursor-CVUSpqb9.js";
+import { A as xe, a as J } from "../../../AxisRendererY-AXWvGU6r.js";
+import { C as G } from "../../../ColumnSeries-CtRTsn-E.js";
+import { R as te } from "../../../RoundedRectangle-BKLX1LKM.js";
+import { a as K, b as Q } from "../../../Tooltip-vyZRZWih.js";
+import { D as ee, G as Ye } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { D as ye } from "../../../DateAxis-DEXKps1S.js";
+class T extends te {
   _beforeChanged() {
     super._beforeChanged(), (this.isDirty("lowX0") || this.isDirty("lowY0") || this.isDirty("lowX1") || this.isDirty("lowY1") || this.isDirty("highX0") || this.isDirty("highX1") || this.isDirty("highY0") || this.isDirty("highY1")) && (this._clear = !0);
   }
@@ -32,130 +32,132 @@ Object.defineProperty(T, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: Q.classNames.concat([T.className])
+  value: te.classNames.concat([T.className])
 });
-class R extends N {
+class V extends G {
   constructor() {
     super(...arguments), Object.defineProperty(this, "columns", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: this.addDisposer(new q(J.new({
+      value: this.addDisposer(new K(Q.new({
         themeTags: ["autocolor"]
       }), () => T._new(this._root, {
-        themeTags: W(this.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
+        themeTags: U(this.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
       }, [this.columns.template])))
     });
   }
   /**
    * @ignore
    */
-  makeColumn(e, o) {
-    const g = o.make();
-    return this.get("turboMode") ? g.virtualParent = this.chart : this.mainContainer.children.push(g), g._setDataItem(e), o.push(g), g;
+  makeColumn(e, s) {
+    const m = s.make();
+    return this.get("turboMode") ? m.virtualParent = this.chart : this.mainContainer.children.push(m), m._setDataItem(e), s.push(m), m;
   }
-  _updateGraphics(e, o, g) {
-    super._updateGraphics(e, o, g);
-    const x = this.getRaw("xAxis"), Y = this.getRaw("yAxis");
-    let y = this.get("vcy", 1), X = this.get("vcx", 1), l, n, r, i, p, h, d, w, s = this.get("locationX", e.get("locationX", 0.5)), m = this.get("locationY", e.get("locationY", 0.5)), f = this.get("openLocationX", e.get("openLocationX", s)), c = this.get("openLocationY", e.get("openLocationY", m)), F;
-    if (g == 0) {
-      let t = Y.getDataItemPositionY(e, this._yOpenField, 1, y), a = Y.getDataItemPositionY(e, this._yField, 1, y);
-      i = Y.getDataItemPositionY(e, this._yLowField, 1, y), w = Y.getDataItemPositionY(e, this._yHighField, 1, y), d = Math.max(t, a), r = Math.min(t, a);
-      let b = this._aLocationX0 + f - 0.5, C = this._aLocationX1 + s - 0.5;
-      l = x.getDataItemPositionX(e, this._xField, b + (C - b) / 2, X), n = l, p = l, h = l, F = "vertical";
+  _updateGraphics(e, s, m) {
+    super._updateGraphics(e, s, m);
+    const f = this.getRaw("xAxis"), x = this.getRaw("yAxis");
+    let Y = this.get("vcy", 1), y = this.get("vcx", 1), h, c, r, i, d, u, g, w, o = this.get("locationX", e.get("locationX", 0.5)), l = this.get("locationY", e.get("locationY", 0.5)), D = this.get("openLocationX", e.get("openLocationX", o)), a = this.get("openLocationY", e.get("openLocationY", l)), _;
+    if (m == 0) {
+      let v = x.getDataItemPositionY(e, this._yOpenField, 1, Y), t = x.getDataItemPositionY(e, this._yField, 1, Y);
+      i = x.getDataItemPositionY(e, this._yLowField, 1, Y), w = x.getDataItemPositionY(e, this._yHighField, 1, Y), g = Math.max(v, t), r = Math.min(v, t);
+      let n = this._aLocationX0 + D - 0.5, C = this._aLocationX1 + o - 0.5;
+      h = f.getDataItemPositionX(e, this._xField, n + (C - n) / 2, y), c = h, d = h, u = h, _ = "vertical";
     } else {
-      let t = x.getDataItemPositionX(e, this._xOpenField, 1, X), a = x.getDataItemPositionX(e, this._xField, 1, X);
-      n = x.getDataItemPositionX(e, this._xLowField, 1, X), h = x.getDataItemPositionX(e, this._xHighField, 1, X), p = Math.max(t, a), l = Math.min(t, a);
-      let b = this._aLocationY0 + c - 0.5, C = this._aLocationY1 + m - 0.5;
-      r = Y.getDataItemPositionY(e, this._yField, b + (C - b) / 2, y), i = r, d = r, w = r, F = "horizontal";
+      let v = f.getDataItemPositionX(e, this._xOpenField, 1, y), t = f.getDataItemPositionX(e, this._xField, 1, y);
+      c = f.getDataItemPositionX(e, this._xLowField, 1, y), u = f.getDataItemPositionX(e, this._xHighField, 1, y), d = Math.max(v, t), h = Math.min(v, t);
+      let n = this._aLocationY0 + a - 0.5, C = this._aLocationY1 + l - 0.5;
+      r = x.getDataItemPositionY(e, this._yField, n + (C - n) / 2, Y), i = r, g = r, w = r, _ = "horizontal";
     }
-    this._updateCandleGraphics(e, l, n, r, i, p, h, d, w, F);
+    this._updateCandleGraphics(e, h, c, r, i, d, u, g, w, _);
   }
-  _updateCandleGraphics(e, o, g, x, Y, y, X, l, n, r) {
+  _updateCandleGraphics(e, s, m, f, x, Y, y, h, c, r) {
     let i = e.get("graphics");
     if (i) {
-      let p = this.getPoint(o, x), h = this.getPoint(g, Y), d = this.getPoint(y, l), w = this.getPoint(X, n);
+      let d = this.getPoint(s, f), u = this.getPoint(m, x), g = this.getPoint(Y, h), w = this.getPoint(y, c);
       if (this.get("turboMode")) {
-        const s = this.allColumnsData[this.allColumnsData.length - 1];
-        s.lowX0 = p.x, s.lowY0 = p.y, s.lowX1 = h.x, s.lowY1 = h.y, s.highX0 = d.x, s.highY0 = d.y, s.highX1 = w.x, s.highY1 = w.y;
+        const o = this.allColumnsData[this.allColumnsData.length - 1];
+        o.lowX0 = d.x, o.lowY0 = d.y, o.lowX1 = u.x, o.lowY1 = u.y, o.highX0 = g.x, o.highY0 = g.y, o.highX1 = w.x, o.highY1 = w.y;
       } else {
-        let s = i.x(), m = i.y();
-        i.set("lowX0", p.x - s), i.set("lowY0", p.y - m), i.set("lowX1", h.x - s), i.set("lowY1", h.y - m), i.set("highX0", d.x - s), i.set("highY0", d.y - m), i.set("highX1", w.x - s), i.set("highY1", w.y - m), i.set("orientation", r);
-        let f = e.get("rangeGraphics");
-        f && B(f, (c) => {
-          c.set("lowX0", p.x - s), c.set("lowY0", p.y - m), c.set("lowX1", h.x - s), c.set("lowY1", h.y - m), c.set("highX0", d.x - s), c.set("highY0", d.y - m), c.set("highX1", w.x - s), c.set("highY1", w.y - m), c.set("orientation", r);
+        let o = i.x(), l = i.y();
+        i.set("lowX0", d.x - o), i.set("lowY0", d.y - l), i.set("lowX1", u.x - o), i.set("lowY1", u.y - l), i.set("highX0", g.x - o), i.set("highY0", g.y - l), i.set("highX1", w.x - o), i.set("highY1", w.y - l), i.set("orientation", r);
+        let D = e.get("rangeGraphics");
+        D && Z(D, (a) => {
+          a.set("lowX0", d.x - o), a.set("lowY0", d.y - l), a.set("lowX1", u.x - o), a.set("lowY1", u.y - l), a.set("highX0", g.x - o), a.set("highY0", g.y - l), a.set("highX1", w.x - o), a.set("highY1", w.y - l), a.set("orientation", r);
         });
       }
     }
   }
   _afterColumnsDraw() {
     this.get("turboMode") && this.allColumns.set("draw", (e) => {
-      e.clear(), B(this.allColumnsData, (o) => {
+      e.clear(), Z(this.allColumnsData, (s) => {
         e.beginPath();
-        const g = o.width, x = o.height, Y = o.x, y = o.y, X = o.stroke, l = o.fill, n = o.strokeWidth, r = o.strokeOpacity, i = o.fillOpacity, p = o.lowX0, h = o.lowY0, d = o.lowX1, w = o.lowY1, s = o.highX0, m = o.highY0, f = o.highX1, c = o.highY1;
-        e.beginFill(l, i), e.beginPath(), e.lineStyle(n, X, r), e.drawRect(Y, y, g, x), e.moveTo(p, h), e.lineTo(d, w), e.moveTo(s, m), e.lineTo(f, c), e.endStroke(), e.endFill();
+        const m = s.width, f = s.height, x = s.x, Y = s.y, y = s.stroke, h = s.fill, c = s.strokeWidth, r = s.strokeOpacity, i = s.fillOpacity, d = s.lowX0, u = s.lowY0, g = s.lowX1, w = s.lowY1, o = s.highX0, l = s.highY0, D = s.highX1, a = s.highY1;
+        e.beginFill(h, i), e.beginPath(), e.lineStyle(c, y, r), e.drawRect(x, Y, m, f), e.moveTo(d, u), e.lineTo(g, w), e.moveTo(o, l), e.lineTo(D, a), e.endStroke(), e.endFill();
       });
     });
   }
   _processAxisRange(e) {
-    super._processAxisRange(e), e.columns = new q(J.new({}), () => T._new(this._root, {
-      themeTags: W(e.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
+    super._processAxisRange(e), e.columns = new K(Q.new({}), () => T._new(this._root, {
+      themeTags: U(e.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
     }, [this.columns.template, e.columns.template]));
   }
 }
-Object.defineProperty(R, "className", {
+Object.defineProperty(V, "className", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
   value: "CandlestickSeries"
 });
-Object.defineProperty(R, "classNames", {
+Object.defineProperty(V, "classNames", {
   enumerable: !0,
   configurable: !0,
   writable: !0,
-  value: N.classNames.concat([R.className])
+  value: G.classNames.concat([V.className])
 });
-const Le = (V) => {
-  const e = le(), o = ne({
-    props: V,
+const Ve = ($) => {
+  const e = he(), s = ce({
+    props: $,
     name: "HCCandlestickChart"
   }), {
-    data: g,
-    seriesName: x,
-    height: Y = "100%",
-    width: y = "100%",
-    chartId: X = "candlestick-chart",
-    showVolume: l = !1,
-    risingColor: n = e.palette.success.main,
+    data: m,
+    seriesName: f,
+    height: x = "100%",
+    width: Y = "100%",
+    chartId: y = "candlestick-chart",
+    showVolume: h = !1,
+    risingColor: c = e.palette.success.main,
     fallingColor: r = e.palette.error.main,
     loading: i = !1,
-    emptyMessage: p = "No data available",
-    baseInterval: h,
-    sx: d,
-    ...w
-  } = o, s = he.orderBy(g, ["date"]), m = {
-    ...o,
-    height: Y,
-    width: y,
-    chartId: X,
-    showVolume: l,
-    risingColor: n,
+    emptyMessage: d = "No data available",
+    baseInterval: u,
+    skipEmptyDates: g = !1,
+    sx: w,
+    ...o
+  } = s, l = ue.orderBy(m, ["date"]), D = {
+    ...s,
+    height: x,
+    width: Y,
+    chartId: y,
+    showVolume: h,
+    risingColor: c,
     fallingColor: r,
     loading: i,
-    emptyMessage: p,
-    baseInterval: h
-  }, f = $(null), c = $(null), F = $(null);
-  return ce(() => {
-    var M, j, G;
-    if (!F.current) return;
-    const t = re.new(F.current);
-    c.current = t, t.setThemes([ae.new(t)]), t.interfaceColors.setAll({
-      text: u(e.palette.text.primary),
-      grid: u(e.palette.divider),
-      stroke: u(e.palette.divider)
+    emptyMessage: d,
+    baseInterval: u,
+    skipEmptyDates: g
+  }, a = N(null), _ = N(null), v = N(null);
+  return ge(() => {
+    var j, H, E;
+    if (!v.current) return;
+    const t = le.new(v.current);
+    _.current = t, t.setThemes([ne.new(t)]), t.interfaceColors.setAll({
+      text: p(e.palette.text.primary),
+      grid: p(e.palette.divider),
+      stroke: p(e.palette.divider)
     });
-    const a = t.container.children.push(
-      me.new(t, {
+    const n = t.container.children.push(
+      we.new(t, {
         panX: !0,
         panY: !0,
         wheelX: "none",
@@ -165,40 +167,40 @@ const Le = (V) => {
         layout: t.verticalLayout
       })
     );
-    f.current = a, a.set(
+    a.current = n, n.set(
       "cursor",
-      de.new(t, {
+      fe.new(t, {
         behavior: "zoomX"
       })
     ).lineY.set("visible", !1);
-    const b = a.xAxes.push(
-      we.new(t, {
+    const C = g ? Ye : ye, L = n.xAxes.push(
+      C.new(t, {
         maxDeviation: 0.3,
         groupData: !0,
-        baseInterval: h || { timeUnit: "day", count: 1 },
-        renderer: fe.new(t, {
+        baseInterval: u || { timeUnit: "day", count: 1 },
+        renderer: xe.new(t, {
           minorGridEnabled: !0
         })
       })
-    ), C = a.yAxes.push(
-      U.new(t, {
-        renderer: Z.new(t, {})
+    ), S = n.yAxes.push(
+      q.new(t, {
+        renderer: J.new(t, {})
       })
     );
-    (M = b.get("renderer")) == null || M.grid.template.setAll({
-      stroke: u(e.palette.divider),
+    (j = L.get("renderer")) == null || j.grid.template.setAll({
+      stroke: p(e.palette.divider),
       strokeOpacity: 1
-    }), (j = b.get("renderer")) == null || j.labels.template.setAll({
+    }), (H = L.get("renderer")) == null || H.labels.template.setAll({
       paddingTop: 12
-    }), (G = C.get("renderer")) == null || G.grid.template.setAll({
-      stroke: u(e.palette.divider),
+    }), (E = S.get("renderer")) == null || E.grid.template.setAll({
+      stroke: p(e.palette.divider),
       strokeOpacity: 1
     });
-    const A = a.series.push(
-      R.new(t, {
-        name: x || "Price",
-        xAxis: b,
-        yAxis: C,
+    const A = n.series.push(
+      V.new(t, {
+        name: f || "Price",
+        xAxis: L,
+        yAxis: S,
         valueXField: "date",
         openValueYField: "open",
         highValueYField: "high",
@@ -207,108 +209,108 @@ const Le = (V) => {
       })
     );
     A.columns.template.states.create("riseFromPrevious", {
-      fill: u(n),
-      stroke: u(n)
+      fill: p(c),
+      stroke: p(c)
     }), A.columns.template.states.create("dropFromPrevious", {
-      fill: u(r),
-      stroke: u(r)
-    }), A.data.processor = K.new(t, {
+      fill: p(r),
+      stroke: p(r)
+    }), A.data.processor = ee.new(t, {
       dateFormat: "i",
       dateFields: ["date"]
     });
-    let _ = null, S = null;
-    l && (S = a.yAxes.push(
-      U.new(t, {
-        renderer: Z.new(t, {
+    let F = null, M = null;
+    h && (M = n.yAxes.push(
+      q.new(t, {
+        renderer: J.new(t, {
           opposite: !0
         }),
         numberFormat: "#a"
       })
-    ), _ = a.series.push(
-      N.new(t, {
+    ), F = n.series.push(
+      G.new(t, {
         name: "Volume",
-        xAxis: b,
-        yAxis: S,
+        xAxis: L,
+        yAxis: M,
         valueYField: "volume",
         valueXField: "date",
-        fill: u("#2962ff"),
-        stroke: u("#2962ff"),
+        fill: p("#2962ff"),
+        stroke: p("#2962ff"),
         opacity: 0.6
       })
-    ), _.columns.template.setAll({
-      width: pe(80)
-    }), _.data.processor = K.new(t, {
+    ), F.columns.template.setAll({
+      width: de(80)
+    }), F.data.processor = ee.new(t, {
       dateFormat: "i",
       dateFields: ["date"]
-    })), A.data.setAll(s), l && _ && _.data.setAll(s);
-    const ee = ue(h);
-    return ge({
+    })), A.data.setAll(l), h && F && F.data.setAll(l);
+    const se = pe(u);
+    return me({
       root: t,
-      chart: a,
+      chart: n,
       theme: e,
       getText: () => {
-        var I;
-        const D = A.get("tooltipDataItem"), L = D == null ? void 0 : D.get("valueY");
-        if (D === void 0 || L === void 0 || L === null)
+        var W;
+        const b = A.get("tooltipDataItem"), O = b == null ? void 0 : b.get("valueY");
+        if (b === void 0 || O === void 0 || O === null)
           return "";
-        const P = D.get("openValueY"), te = D.get("highValueY"), se = D.get("lowValueY"), H = D.get("valueX"), E = typeof H == "number" ? t.dateFormatter.format(new Date(H), ee) : "", k = (v) => v == null ? "—" : t.numberFormatter.format(v), O = [
-          `Open: ${k(P)}`,
-          `High: ${k(te)}`,
-          `Low: ${k(se)}`,
-          `Close: ${k(L)}`
+        const k = b.get("openValueY"), oe = b.get("highValueY"), ie = b.get("lowValueY"), I = b.get("valueX"), z = typeof I == "number" ? t.dateFormatter.format(new Date(I), se) : "", P = (X) => X == null ? "—" : t.numberFormatter.format(X), R = [
+          `Open: ${P(k)}`,
+          `High: ${P(oe)}`,
+          `Low: ${P(ie)}`,
+          `Close: ${P(O)}`
         ];
-        if (typeof P == "number" && P !== 0) {
-          const v = (L - P) / P * 100, oe = u(v >= 0 ? n : r), ie = v > 0 ? "+" : "";
-          O.push(
-            `Change: [${oe.toCSSHex()}]${ie}${v.toFixed(2)}%[/]`
+        if (typeof k == "number" && k !== 0) {
+          const X = (O - k) / k * 100, re = p(X >= 0 ? c : r), ae = X > 0 ? "+" : "";
+          R.push(
+            `Change: [${re.toCSSHex()}]${ae}${X.toFixed(2)}%[/]`
           );
         }
-        if (l && _) {
-          const v = (I = _.get("tooltipDataItem")) == null ? void 0 : I.get("valueY");
-          v != null && O.push(`Volume: ${k(v)}`);
+        if (h && F) {
+          const X = (W = F.get("tooltipDataItem")) == null ? void 0 : W.get("valueY");
+          X != null && R.push(`Volume: ${P(X)}`);
         }
-        return E ? `[bold]${E}[/]
-${O.join(`
-`)}` : O.join(`
+        return z ? `[bold]${z}[/]
+${R.join(`
+`)}` : R.join(`
 `);
       }
-    }), a.appear(1e3), A.appear(1e3), () => {
+    }), n.appear(1e3), A.appear(1e3), () => {
       t.dispose();
     };
-  }, [e.palette.mode]), z(() => {
-    if (f.current && c.current) {
-      const t = f.current.series.getIndex(
+  }, [e.palette.mode, g]), B(() => {
+    if (a.current && _.current) {
+      const t = a.current.series.getIndex(
         0
-      ), a = l ? f.current.series.getIndex(1) : null;
-      t == null || t.data.setAll(s), a == null || a.data.setAll(s);
+      ), n = h ? a.current.series.getIndex(1) : null;
+      t == null || t.data.setAll(l), n == null || n.data.setAll(l);
     }
-  }, [s, l]), z(() => {
-    if (!f.current) return;
-    const t = f.current.series.getIndex(0);
+  }, [l, h]), B(() => {
+    if (!a.current) return;
+    const t = a.current.series.getIndex(0);
     t && (t.columns.template.states.create("riseFromPrevious", {
-      fill: u(n),
-      stroke: u(n)
+      fill: p(c),
+      stroke: p(c)
     }), t.columns.template.states.create("dropFromPrevious", {
-      fill: u(r),
-      stroke: u(r)
+      fill: p(r),
+      stroke: p(r)
     }));
-  }, [n, r]), {
-    chartDivRef: F,
-    data: g,
-    seriesName: x,
-    height: Y,
-    width: y,
-    chartId: X,
-    showVolume: l,
-    risingColor: n,
+  }, [c, r]), {
+    chartDivRef: v,
+    data: m,
+    seriesName: f,
+    height: x,
+    width: Y,
+    chartId: y,
+    showVolume: h,
+    risingColor: c,
     fallingColor: r,
     loading: i,
-    emptyMessage: p,
-    sx: d,
-    other: w,
-    ownerState: m
+    emptyMessage: d,
+    sx: w,
+    other: o,
+    ownerState: D
   };
 };
 export {
-  Le as useCandlestickChartLogic
+  Ve as useCandlestickChartLogic
 };