@hybridcore/ui 1.6.30 → 1.6.31

package/dist/components/charts/_common/utils.js

@@ -1,7 +1,7 @@
-import { buildAmNumberFormat as c, formatDateValue as m, formatPercent as s } from "./format.js";
-import { C as l } from "../../../ColorSet-cyPmWGwh.js";
-import { c as p } from "../../../Entity-BJCuhdq_.js";
-const b = [
+import { buildAmNumberFormat as c, formatDateValue as s, formatPercent as p } from "./format.js";
+import { C as m } from "../../../ColorSet-cyPmWGwh.js";
+import { c as o } from "../../../Entity-BJCuhdq_.js";
+const i = [
   "#294D94",
   "#375F97",
   "#44729C",
@@ -12,49 +12,71 @@ const b = [
   "#9FCFBF",
   "#B9E1C9",
   "#D6F1D5"
-], v = (t, e = b) => l.new(t, {
-  colors: e.map((r) => p(r)),
+], B = (t, e = i) => m.new(t, {
+  colors: e.map((r) => o(r)),
   reuse: !0
-}), F = [
+}), d = [
   { number: 1e3, suffix: "K" },
   { number: 1e6, suffix: "M" },
   { number: 1e9, suffix: "B" },
   { number: 1e12, suffix: "T" }
-], P = (t, e) => {
+], f = (t, e) => {
   const r = c(e) ?? "#,###.##";
-  t.numberFormatter.set("numericFields", void 0), t.numberFormatter.set("numberFormat", r), (e == null ? void 0 : e.notation) === "compact" && t.numberFormatter.set("bigNumberPrefixes", F);
-}, D = (t, e) => {
+  t.numberFormatter.set("numericFields", void 0), t.numberFormatter.set("numberFormat", r), (e == null ? void 0 : e.notation) === "compact" && t.numberFormatter.set("bigNumberPrefixes", d);
+}, v = (t, e) => {
   e.type !== "date" || !e.dateFormat || t.get("renderer").labels.template.adapters.add(
     "text",
     (r, a) => {
-      var u;
-      const o = (u = a == null ? void 0 : a.dataItem) == null ? void 0 : u.get("value");
-      return typeof o == "number" ? m(o, e.dateFormat, e.value) : r;
+      var l;
+      const n = (l = a == null ? void 0 : a.dataItem) == null ? void 0 : l.get("value");
+      return typeof n == "number" ? s(n, e.dateFormat, e.value) : r;
     }
   );
-}, n = (t) => {
+}, u = (t) => {
   const { percentDecimals: e, percent: r } = t, a = e <= 0 ? "0" : `0.${"0".repeat(e)}`;
-  return r === void 0 ? `{valuePercentTotal.formatNumber('${a}')}%` : `${s(r, e)}%`;
-}, y = (t) => {
-  const { percentDecimals: e, showValueText: r, percent: a } = t, o = n({ percentDecimals: e, percent: a });
-  return r ? `{category}: ${o} ({value})` : `{category}: ${o}`;
-}, d = (t) => {
+  return r === void 0 ? `{valuePercentTotal.formatNumber('${a}')}%` : `${p(r, e)}%`;
+}, D = (t) => {
+  const { percentDecimals: e, showValueText: r, percent: a } = t, n = u({ percentDecimals: e, percent: a });
+  return r ? `{category}: ${n} ({value})` : `{category}: ${n}`;
+}, b = (t) => {
   var r;
   const e = (r = t == null ? void 0 : t.dataItem) == null ? void 0 : r.get("valuePercentTotal");
   return typeof e == "number" ? e : void 0;
-}, A = (t, e) => {
-  t.valueLabels.template.set("text", n({ percentDecimals: e })), t.valueLabels.template.adapters.add("text", (r, a) => {
-    const o = d(a);
-    return o === void 0 ? r : n({ percentDecimals: e, percent: o });
+}, T = (t, e) => {
+  t.valueLabels.template.set(
+    "text",
+    u({ percentDecimals: e })
+  ), t.valueLabels.template.adapters.add("text", (r, a) => {
+    const n = b(a);
+    return n === void 0 ? r : u({ percentDecimals: e, percent: n });
+  });
+}, A = (t, e, r) => {
+  const { primary: a } = e.palette;
+  t.interfaceColors.setAll({
+    text: o(e.palette.text.primary),
+    grid: o(e.palette.divider),
+    stroke: o(e.palette.divider),
+    primaryButton: o(a.main),
+    primaryButtonHover: o(a.dark),
+    primaryButtonDown: o(a.dark),
+    primaryButtonActive: o(a.dark),
+    // The default theme strokes button backgrounds with this; matching the fill
+    // keeps the amCharts white ring off a brand-colored button.
+    primaryButtonStroke: o(a.main),
+    primaryButtonText: o(a.contrastText),
+    primaryButtonDisabled: o(e.palette.action.disabledBackground),
+    primaryButtonTextDisabled: o(e.palette.action.disabled),
+    ...r
   });
 };
 export {
-  b as DEFAULT_VIRIDIS_COOL,
-  D as applyDateAxisLabelFormat,
-  A as applyLegendPercentFormat,
-  P as applyValueFormat,
-  n as buildPercentText,
-  y as buildSliceText,
-  v as colorSetFromPalette,
-  d as readSharePercent
+  i as DEFAULT_VIRIDIS_COOL,
+  v as applyDateAxisLabelFormat,
+  A as applyInterfaceColors,
+  T as applyLegendPercentFormat,
+  f as applyValueFormat,
+  u as buildPercentText,
+  D as buildSliceText,
+  B as colorSetFromPalette,
+  b as readSharePercent
 };

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

@@ -3,15 +3,16 @@ 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 { applyInterfaceColors as de } from "../_common/utils.js";
+import { X as fe, V as U } from "../../../AxisRenderer-BCQoUJw6.js";
+import { X as we } from "../../../XYCursor-CVUSpqb9.js";
+import { A as xe, a as Z } from "../../../AxisRendererY-AXWvGU6r.js";
+import { m as q, e as J, c as f, p as Ye } from "../../../Entity-BJCuhdq_.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";
+import { D as ee, G as ye } from "../../../GaplessDateAxis-B2g2jgSG.js";
+import { D as Xe } 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);
@@ -43,7 +44,7 @@ class V extends G {
       value: this.addDisposer(new K(Q.new({
         themeTags: ["autocolor"]
       }), () => T._new(this._root, {
-        themeTags: U(this.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
+        themeTags: q(this.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
       }, [this.columns.template])))
     });
   }
@@ -51,55 +52,55 @@ class V extends G {
    * @ignore
    */
   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;
+    const p = s.make();
+    return this.get("turboMode") ? p.virtualParent = this.chart : this.mainContainer.children.push(p), p._setDataItem(e), s.push(p), p;
   }
-  _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) {
+  _updateGraphics(e, s, p) {
+    super._updateGraphics(e, s, p);
+    const w = this.getRaw("xAxis"), x = this.getRaw("yAxis");
+    let Y = this.get("vcy", 1), y = this.get("vcx", 1), h, c, r, i, m, u, g, d, 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 (p == 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";
+      i = x.getDataItemPositionY(e, this._yLowField, 1, Y), d = x.getDataItemPositionY(e, this._yHighField, 1, Y), g = Math.max(v, t), r = Math.min(v, t);
+      let n = this._aLocationX0 + D - 0.5, A = this._aLocationX1 + o - 0.5;
+      h = w.getDataItemPositionX(e, this._xField, n + (A - n) / 2, y), c = h, m = h, u = h, _ = "vertical";
     } else {
-      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";
+      let v = w.getDataItemPositionX(e, this._xOpenField, 1, y), t = w.getDataItemPositionX(e, this._xField, 1, y);
+      c = w.getDataItemPositionX(e, this._xLowField, 1, y), u = w.getDataItemPositionX(e, this._xHighField, 1, y), m = Math.max(v, t), h = Math.min(v, t);
+      let n = this._aLocationY0 + a - 0.5, A = this._aLocationY1 + l - 0.5;
+      r = x.getDataItemPositionY(e, this._yField, n + (A - n) / 2, Y), i = r, g = r, d = r, _ = "horizontal";
     }
-    this._updateCandleGraphics(e, h, c, r, i, d, u, g, w, _);
+    this._updateCandleGraphics(e, h, c, r, i, m, u, g, d, _);
   }
-  _updateCandleGraphics(e, s, m, f, x, Y, y, h, c, r) {
+  _updateCandleGraphics(e, s, p, w, x, Y, y, h, c, r) {
     let i = e.get("graphics");
     if (i) {
-      let d = this.getPoint(s, f), u = this.getPoint(m, x), g = this.getPoint(Y, h), w = this.getPoint(y, c);
+      let m = this.getPoint(s, w), u = this.getPoint(p, x), g = this.getPoint(Y, h), d = this.getPoint(y, c);
       if (this.get("turboMode")) {
         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;
+        o.lowX0 = m.x, o.lowY0 = m.y, o.lowX1 = u.x, o.lowY1 = u.y, o.highX0 = g.x, o.highY0 = g.y, o.highX1 = d.x, o.highY1 = d.y;
       } else {
         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);
+        i.set("lowX0", m.x - o), i.set("lowY0", m.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", d.x - o), i.set("highY1", d.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);
+        D && J(D, (a) => {
+          a.set("lowX0", m.x - o), a.set("lowY0", m.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", d.x - o), a.set("highY1", d.y - l), a.set("orientation", r);
         });
       }
     }
   }
   _afterColumnsDraw() {
     this.get("turboMode") && this.allColumns.set("draw", (e) => {
-      e.clear(), Z(this.allColumnsData, (s) => {
+      e.clear(), J(this.allColumnsData, (s) => {
         e.beginPath();
-        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();
+        const p = s.width, w = s.height, x = s.x, Y = s.y, y = s.stroke, h = s.fill, c = s.strokeWidth, r = s.strokeOpacity, i = s.fillOpacity, m = s.lowX0, u = s.lowY0, g = s.lowX1, d = 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, p, w), e.moveTo(m, u), e.lineTo(g, d), e.moveTo(o, l), e.lineTo(D, a), e.endStroke(), e.endFill();
       });
     });
   }
   _processAxisRange(e) {
     super._processAxisRange(e), e.columns = new K(Q.new({}), () => T._new(this._root, {
-      themeTags: U(e.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
+      themeTags: q(e.columns.template.get("themeTags", []), ["candlestick", "series", "column"])
     }, [this.columns.template, e.columns.template]));
   }
 }
@@ -115,13 +116,13 @@ Object.defineProperty(V, "classNames", {
   writable: !0,
   value: G.classNames.concat([V.className])
 });
-const Ve = ($) => {
+const Ne = ($) => {
   const e = he(), s = ce({
     props: $,
     name: "HCCandlestickChart"
   }), {
-    data: m,
-    seriesName: f,
+    data: p,
+    seriesName: w,
     height: x = "100%",
     width: Y = "100%",
     chartId: y = "candlestick-chart",
@@ -129,12 +130,12 @@ const Ve = ($) => {
     risingColor: c = e.palette.success.main,
     fallingColor: r = e.palette.error.main,
     loading: i = !1,
-    emptyMessage: d = "No data available",
+    emptyMessage: m = "No data available",
     baseInterval: u,
     skipEmptyDates: g = !1,
-    sx: w,
+    sx: d,
     ...o
-  } = s, l = ue.orderBy(m, ["date"]), D = {
+  } = s, l = ue.orderBy(p, ["date"]), D = {
     ...s,
     height: x,
     width: Y,
@@ -143,7 +144,7 @@ const Ve = ($) => {
     risingColor: c,
     fallingColor: r,
     loading: i,
-    emptyMessage: d,
+    emptyMessage: m,
     baseInterval: u,
     skipEmptyDates: g
   }, a = N(null), _ = N(null), v = N(null);
@@ -151,13 +152,9 @@ const Ve = ($) => {
     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)
-    });
+    _.current = t, t.setThemes([ne.new(t)]), de(t, e);
     const n = t.container.children.push(
-      we.new(t, {
+      fe.new(t, {
         panX: !0,
         panY: !0,
         wheelX: "none",
@@ -169,12 +166,12 @@ const Ve = ($) => {
     );
     a.current = n, n.set(
       "cursor",
-      fe.new(t, {
+      we.new(t, {
         behavior: "zoomX"
       })
     ).lineY.set("visible", !1);
-    const C = g ? Ye : ye, L = n.xAxes.push(
-      C.new(t, {
+    const A = g ? ye : Xe, L = n.xAxes.push(
+      A.new(t, {
         maxDeviation: 0.3,
         groupData: !0,
         baseInterval: u || { timeUnit: "day", count: 1 },
@@ -183,22 +180,22 @@ const Ve = ($) => {
         })
       })
     ), S = n.yAxes.push(
-      q.new(t, {
-        renderer: J.new(t, {})
+      U.new(t, {
+        renderer: Z.new(t, {})
       })
     );
     (j = L.get("renderer")) == null || j.grid.template.setAll({
-      stroke: p(e.palette.divider),
+      stroke: f(e.palette.divider),
       strokeOpacity: 1
     }), (H = L.get("renderer")) == null || H.labels.template.setAll({
       paddingTop: 12
     }), (E = S.get("renderer")) == null || E.grid.template.setAll({
-      stroke: p(e.palette.divider),
+      stroke: f(e.palette.divider),
       strokeOpacity: 1
     });
-    const A = n.series.push(
+    const C = n.series.push(
       V.new(t, {
-        name: f || "Price",
+        name: w || "Price",
         xAxis: L,
         yAxis: S,
         valueXField: "date",
@@ -208,20 +205,20 @@ const Ve = ($) => {
         valueYField: "close"
       })
     );
-    A.columns.template.states.create("riseFromPrevious", {
-      fill: p(c),
-      stroke: p(c)
-    }), A.columns.template.states.create("dropFromPrevious", {
-      fill: p(r),
-      stroke: p(r)
-    }), A.data.processor = ee.new(t, {
+    C.columns.template.states.create("riseFromPrevious", {
+      fill: f(c),
+      stroke: f(c)
+    }), C.columns.template.states.create("dropFromPrevious", {
+      fill: f(r),
+      stroke: f(r)
+    }), C.data.processor = ee.new(t, {
       dateFormat: "i",
       dateFields: ["date"]
     });
     let F = null, M = null;
     h && (M = n.yAxes.push(
-      q.new(t, {
-        renderer: J.new(t, {
+      U.new(t, {
+        renderer: Z.new(t, {
           opposite: !0
         }),
         numberFormat: "#a"
@@ -233,16 +230,16 @@ const Ve = ($) => {
         yAxis: M,
         valueYField: "volume",
         valueXField: "date",
-        fill: p("#2962ff"),
-        stroke: p("#2962ff"),
+        fill: f("#2962ff"),
+        stroke: f("#2962ff"),
         opacity: 0.6
       })
     ), F.columns.template.setAll({
-      width: de(80)
+      width: Ye(80)
     }), F.data.processor = ee.new(t, {
       dateFormat: "i",
       dateFields: ["date"]
-    })), A.data.setAll(l), h && F && F.data.setAll(l);
+    })), C.data.setAll(l), h && F && F.data.setAll(l);
     const se = pe(u);
     return me({
       root: t,
@@ -250,31 +247,31 @@ const Ve = ($) => {
       theme: e,
       getText: () => {
         var W;
-        const b = A.get("tooltipDataItem"), O = b == null ? void 0 : b.get("valueY");
+        const b = C.get("tooltipDataItem"), O = b == null ? void 0 : b.get("valueY");
         if (b === void 0 || O === void 0 || O === null)
           return "";
-        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)}`
+        const P = 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) : "", k = (X) => X == null ? "—" : t.numberFormatter.format(X), R = [
+          `Open: ${k(P)}`,
+          `High: ${k(oe)}`,
+          `Low: ${k(ie)}`,
+          `Close: ${k(O)}`
         ];
-        if (typeof k == "number" && k !== 0) {
-          const X = (O - k) / k * 100, re = p(X >= 0 ? c : r), ae = X > 0 ? "+" : "";
+        if (typeof P == "number" && P !== 0) {
+          const X = (O - P) / P * 100, re = f(X >= 0 ? c : r), ae = X > 0 ? "+" : "";
           R.push(
             `Change: [${re.toCSSHex()}]${ae}${X.toFixed(2)}%[/]`
           );
         }
         if (h && F) {
           const X = (W = F.get("tooltipDataItem")) == null ? void 0 : W.get("valueY");
-          X != null && R.push(`Volume: ${P(X)}`);
+          X != null && R.push(`Volume: ${k(X)}`);
         }
         return z ? `[bold]${z}[/]
 ${R.join(`
 `)}` : R.join(`
 `);
       }
-    }), n.appear(1e3), A.appear(1e3), () => {
+    }), n.appear(1e3), C.appear(1e3), () => {
       t.dispose();
     };
   }, [e.palette.mode, g]), B(() => {
@@ -288,16 +285,16 @@ ${R.join(`
     if (!a.current) return;
     const t = a.current.series.getIndex(0);
     t && (t.columns.template.states.create("riseFromPrevious", {
-      fill: p(c),
-      stroke: p(c)
+      fill: f(c),
+      stroke: f(c)
     }), t.columns.template.states.create("dropFromPrevious", {
-      fill: p(r),
-      stroke: p(r)
+      fill: f(r),
+      stroke: f(r)
     }));
   }, [c, r]), {
     chartDivRef: v,
-    data: m,
-    seriesName: f,
+    data: p,
+    seriesName: w,
     height: x,
     width: Y,
     chartId: y,
@@ -305,12 +302,12 @@ ${R.join(`
     risingColor: c,
     fallingColor: r,
     loading: i,
-    emptyMessage: d,
-    sx: w,
+    emptyMessage: m,
+    sx: d,
     other: o,
     ownerState: D
   };
 };
 export {
-  Ve as useCandlestickChartLogic
+  Ne as useCandlestickChartLogic
 };