@gearbox-protocol/ui-kit 3.14.0-next.6 → 3.14.0-next.61

package/dist/esm/components/graph/formatters.js

@@ -1,189 +1,185 @@
-import { TickMarkType as S } from "lightweight-charts";
-import { DateTime as $ } from "luxon";
-import { isBelowDisplayThreshold as x, FORMAT_CONSTANTS as U, toSignificantDigits as H, formatNumberWithSuffix as I } from "../../utils/format-number.js";
-const { MIN_DISPLAY_THRESHOLD: g, MAX_EXPONENTIAL_THRESHOLD: R } = U, V = (t, e, n = "full") => {
+import { TickMarkType as g } from "lightweight-charts";
+import { DateTime as S } from "luxon";
+import { isBelowDisplayThreshold as x, FORMAT_CONSTANTS as X, toSignificantDigits as L, formatNumberWithSuffix as k } from "../../utils/format-number.js";
+const { MIN_DISPLAY_THRESHOLD: M, MAX_EXPONENTIAL_THRESHOLD: I } = X, P = (t, e, o = "full") => {
   if (x(t))
-    return e ? `<${g}${e}` : `<${g}`;
+    return e ? `<${M}${e}` : `<${M}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const a = I(t, {
-    maxExponentialThreshold: R,
+  const r = k(t, {
+    maxExponentialThreshold: I,
     minimumFractionDigits: 0,
-    maximumFractionDigits: n === "short" ? 1 : 0,
-    format: n,
-    adaptiveDecimals: n === "short"
+    maximumFractionDigits: o === "short" ? 1 : 0,
+    format: o,
+    adaptiveDecimals: o === "short"
   });
-  return e ? `${a}${e}` : a;
-}, X = 2, O = (t, e) => {
+  return e ? `${r}${e}` : r;
+}, U = 2, p = (t, e) => {
   if (x(t))
-    return e ? `<${g}${e}` : `<${g}`;
+    return e ? `<${M}${e}` : `<${M}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const n = H(t, X);
-  return e ? `${n}${e}` : n;
-}, P = 4, C = (t) => {
+  const o = L(t, U);
+  return e ? `${o}${e}` : o;
+}, C = 4, w = (t) => {
   if (x(t))
-    return `<${g}`;
+    return `<${M}`;
   if (t === 0)
     return "0";
-  const e = Math.round(t), n = Math.abs(t - e);
-  return n > 0 && n < 0.01 ? t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "") : H(t, P);
-}, w = (t, e) => {
+  const e = Math.round(t), o = Math.abs(t - e);
+  return o > 0 && o < 0.01 ? t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "") : L(t, C);
+}, G = (t, e) => {
   if (x(t))
-    return e ? `<${g} ${e}` : `<${g}`;
+    return e ? `<${M} ${e}` : `<${M}`;
   if (t === 0)
     return e ? `0 ${e}` : "0";
-  const n = Number.isInteger(t), a = Math.abs(t), c = n && a >= 1e3, s = Math.round(t), o = Math.abs(t - s);
-  if (o > 0 && o < 0.01 && !c) {
-    const D = t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "");
-    return e ? `${D} ${e}` : D;
+  const o = Number.isInteger(t), r = Math.abs(t), i = o && r >= 1e3, s = Math.round(t), a = Math.abs(t - s);
+  if (a > 0 && a < 0.01 && !i) {
+    const $ = t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "");
+    return e ? `${$} ${e}` : $;
   }
-  const l = I(t, {
-    maxExponentialThreshold: R,
-    minimumFractionDigits: n ? 0 : 2,
-    maximumFractionDigits: c ? 1 : n ? 0 : 2,
-    format: c ? "short" : "full",
-    adaptiveDecimals: c
+  const F = k(t, {
+    maxExponentialThreshold: I,
+    minimumFractionDigits: o ? 0 : 2,
+    maximumFractionDigits: i ? 1 : o ? 0 : 2,
+    format: i ? "short" : "full",
+    adaptiveDecimals: i
   });
-  return e ? `${l} ${e}` : l;
+  return e ? `${F} ${e}` : F;
 }, N = {
-  "%": O,
-  $: V,
-  token: w,
-  none: C
-}, tt = (t) => N[t] || N.token;
-function et(t, e, n = 4) {
+  "%": p,
+  $: P,
+  token: G,
+  none: w
+}, J = (t) => N[t] || N.token;
+function Z(t, e, o = 4) {
   if (t === 0)
     return e ? `0 ${e}` : "0";
-  const a = e && Math.abs(t) >= 1e3 ? 0 : n, c = t.toLocaleString("en-US", {
+  const r = e && Math.abs(t) >= 1e3 ? 0 : o, i = t.toLocaleString("en-US", {
     minimumFractionDigits: 0,
-    maximumFractionDigits: a
+    maximumFractionDigits: r
   });
-  return e ? `${c} ${e}` : c;
+  return e ? `${i} ${e}` : i;
 }
-function rt(t, e, n) {
-  const a = n?.yScaleMin;
-  let c = t.length > 0 ? Math.min(...t) : 0, s = t.length > 0 ? Math.max(...t) : 0, o = [];
+function v(t, e, o) {
+  const r = o?.yScaleMin;
+  let i = t.length > 0 ? Math.min(...t) : 0, s = t.length > 0 ? Math.max(...t) : 0, a = [];
   const u = () => {
-    const r = s - c, i = (c + s) / 2;
-    let f = 1, m = "";
-    i >= 1e9 ? (f = 1e9, m = "B") : i >= 1e6 ? (f = 1e6, m = "M") : i >= 1e3 && (f = 1e3, m = "K");
-    const T = r / 10 / f;
-    let M = 1;
-    if (T > 0) {
-      const L = Math.floor(Math.log10(T));
-      M = Math.max(1, -L), M = Math.min(M, 4);
-    }
-    return { scale: f, suffix: m, decimals: M };
-  }, l = (r, i, f) => {
-    const m = i > 1 ? r / i : r, d = Math.abs(m) >= 1 ? 1 : 4;
-    return i > 1 ? `${(r / i).toLocaleString("en-US", {
-      minimumFractionDigits: 0,
-      maximumFractionDigits: d,
-      useGrouping: !1
-    })}${f}` : r.toLocaleString("en-US", {
+    const n = (i + s) / 2;
+    let c = 1, m = "";
+    return n >= 1e9 ? (c = 1e9, m = "B") : n >= 1e6 ? (c = 1e6, m = "M") : n >= 1e3 && (c = 1e3, m = "K"), { scale: c, suffix: m };
+  }, F = 8, $ = 0.02;
+  let A = 0;
+  const E = (n, c, m, d) => {
+    const h = (c > 1 ? n / c : n).toLocaleString("en-US", {
       minimumFractionDigits: 0,
       maximumFractionDigits: d,
       useGrouping: !1
     });
-  }, D = 0.02, k = (r) => {
-    if (a !== void 0 && r < a) return "";
-    if (r === 0) return "0";
-    const { scale: i, suffix: f, decimals: m } = u(), d = s - c, F = d > 0 ? o.filter(
-      (h) => Math.abs(h) >= d * D
-    ) : o, M = (d > 0 ? d / 10 : 0) * 0.05, L = Math.abs(r) * 1e-10 || 1e-10;
-    if (F.some(
-      (h) => Math.abs(h - r) < L
-    ))
-      return l(r, i, f);
-    if (F.length > 0 && M > 0) {
-      const h = F.reduce(
-        (p, A) => Math.abs(A - r) < Math.abs(p - r) ? A : p
-      );
-      if (Math.abs(r - h) < M)
-        return l(h, i, f);
+    return c > 1 ? `${h}${m}` : h;
+  }, R = (n, c, m) => {
+    for (let d = 0; d <= F; d++) {
+      const l = /* @__PURE__ */ new Set();
+      let h = !0;
+      for (const D of n) {
+        const f = E(D, c, m, d);
+        if (l.has(f)) {
+          h = !1;
+          break;
+        }
+        l.add(f);
+      }
+      if (h) return d;
     }
-    const G = i > 1 ? r / i : r, E = Math.abs(G) >= 1 ? Math.min(1, m) : m;
-    return i > 1 ? `${(r / i).toLocaleString("en-US", {
-      minimumFractionDigits: 0,
-      maximumFractionDigits: E,
-      useGrouping: !1
-    })}${f}` : r.toLocaleString("en-US", {
-      minimumFractionDigits: 0,
-      maximumFractionDigits: E,
-      useGrouping: !1
-    });
+    return F;
+  }, O = (n) => {
+    if (r !== void 0 && n < r) return "";
+    if (n === 0) return "0";
+    const { scale: c, suffix: m } = u();
+    return E(n, c, m, A);
   };
   return {
-    formatter: (r) => k(r),
-    tickmarksFormatter: (r) => {
-      const i = /* @__PURE__ */ new Set();
-      return r.map((f) => {
-        const m = k(f);
-        return !m || i.has(m) ? "" : (i.add(m), m);
+    formatter: (n) => O(n),
+    tickmarksFormatter: (n) => {
+      const { scale: c, suffix: m } = u(), d = s - i, l = d > 0 ? a.filter(
+        (f) => Math.abs(f) >= d * $
+      ) : a, h = n.filter(
+        (f) => f !== 0 && !(r !== void 0 && f < r)
+      );
+      A = R(
+        [...h, ...l],
+        c,
+        m
+      );
+      const D = /* @__PURE__ */ new Set();
+      return n.map((f) => {
+        if (r !== void 0 && f < r) return "";
+        const T = f === 0 ? "0" : E(f, c, m, A);
+        return !T || D.has(T) ? "" : (D.add(T), T);
       });
     },
-    updateVisibleRange: (r) => {
-      r.length > 0 && (c = Math.min(...r), s = Math.max(...r));
+    updateVisibleRange: (n) => {
+      n.length > 0 && (i = Math.min(...n), s = Math.max(...n));
     },
-    updateLastValues: (r) => {
-      o = [...r];
+    updateLastValues: (n) => {
+      a = [...n];
     }
   };
 }
-const b = (t) => $.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), Y = (t) => $.fromSeconds(Number(t)).toFormat("HH:mm"), y = (t, e) => O(Number(t), e), _ = {
-  time: b,
-  "%": y
+const H = (t) => S.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), Y = (t) => S.fromSeconds(Number(t)).toFormat("HH:mm"), V = (t, e) => p(Number(t), e), _ = {
+  time: H,
+  "%": V
 };
 function W(t) {
   const e = /* @__PURE__ */ new Map();
-  return (n, a, c) => {
-    const s = $.fromSeconds(Number(n));
-    let o;
+  return (o, r, i) => {
+    const s = S.fromSeconds(Number(o));
+    let a;
     if (t === 0)
-      o = s.toFormat("HH:mm");
+      a = s.toFormat("HH:mm");
     else
-      switch (a) {
-        case S.Year:
-          o = s.toFormat("yyyy");
-          break;
-        case S.Month:
-          o = s.toFormat("MMM yy");
+      switch (r) {
+        case g.Year:
+          a = s.toFormat("yyyy");
           break;
-        case S.DayOfMonth:
-          o = t > 365 ? s.toFormat("dd MMM yy") : s.toFormat("dd MMM");
+        // Month boundaries (1st of a month) are reported as `Month` ticks by
+        // lightweight-charts. Render them the same way as regular day ticks so
+        // the axis reads uniformly ("01 Jul") instead of a stray "Jul 2026".
+        case g.Month:
+        case g.DayOfMonth:
+          a = t > 365 ? s.toFormat("dd MMM yyyy") : s.toFormat("dd MMM");
           break;
-        case S.Time:
-        case S.TimeWithSeconds:
-          o = s.toFormat("HH:mm");
+        case g.Time:
+        case g.TimeWithSeconds:
+          a = s.toFormat("HH:mm");
           break;
         default:
-          o = s.toFormat("dd MMM");
+          a = s.toFormat("dd MMM");
       }
-    let u = e.get(a);
-    return u || (u = /* @__PURE__ */ new Set(), e.set(a, u)), u.has(o) ? " " : (u.add(o), o);
+    let u = e.get(r);
+    return u || (u = /* @__PURE__ */ new Set(), e.set(r, u)), u.has(a) ? " " : (u.add(a), a);
   };
 }
-const z = (t, e) => {
+const b = (t, e) => {
   if (t === "time" && e && e.length > 0) {
-    const a = $.fromSeconds(Number(e[0].time)), c = $.fromSeconds(
+    const r = S.fromSeconds(Number(e[0].time)), i = S.fromSeconds(
       Number(e[e.length - 1].time)
-    ), s = a.hasSame(c, "day"), o = s ? 0 : Math.ceil(c.diff(a, "days").days);
+    ), s = r.hasSame(i, "day"), a = s ? 0 : Math.ceil(i.diff(r, "days").days);
     return {
-      timeFormatter: s ? Y : b,
-      tickMarkFormatter: W(o)
+      timeFormatter: s ? Y : H,
+      tickMarkFormatter: W(a)
     };
   }
-  const n = _[t] || _.time;
+  const o = _[t] || _.time;
   return {
-    timeFormatter: n,
-    tickMarkFormatter: (a) => n(a, void 0)
+    timeFormatter: o,
+    tickMarkFormatter: (r) => o(r, void 0)
   };
-}, nt = (t, e) => z(t, e).timeFormatter;
+}, tt = (t, e) => b(t, e).timeFormatter;
 export {
-  rt as createAdaptiveYAxisFormatter,
-  et as formatExactValue,
-  nt as getXFormatter,
-  z as getXFormatters,
-  tt as getYFormatter
+  v as createAdaptiveYAxisFormatter,
+  Z as formatExactValue,
+  tt as getXFormatter,
+  b as getXFormatters,
+  J as getYFormatter
 };