@gearbox-protocol/permissionless-ui 1.26.2 → 1.26.3

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

@@ -1,147 +1,189 @@
-import { DateTime as D } from "luxon";
-import { isBelowDisplayThreshold as L, FORMAT_CONSTANTS as G, toSignificantDigits as I, formatNumberWithSuffix as R } from "../../utils/format-number.js";
-const { MIN_DISPLAY_THRESHOLD: f, MAX_EXPONENTIAL_THRESHOLD: p } = G, C = (t, e, r = "full") => {
-  if (L(t))
-    return e ? `<${f}${e}` : `<${f}`;
+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") => {
+  if (x(t))
+    return e ? `<${g}${e}` : `<${g}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const a = R(t, {
-    maxExponentialThreshold: p,
+  const a = I(t, {
+    maxExponentialThreshold: R,
     minimumFractionDigits: 0,
-    maximumFractionDigits: r === "short" ? 1 : 0,
-    format: r,
-    adaptiveDecimals: r === "short"
+    maximumFractionDigits: n === "short" ? 1 : 0,
+    format: n,
+    adaptiveDecimals: n === "short"
   });
   return e ? `${a}${e}` : a;
-}, X = 2, H = (t, e) => {
-  if (L(t))
-    return e ? `<${f}${e}` : `<${f}`;
+}, X = 2, O = (t, e) => {
+  if (x(t))
+    return e ? `<${g}${e}` : `<${g}`;
   if (t === 0)
     return e ? `0${e}` : "0";
-  const r = I(t, X);
-  return e ? `${r}${e}` : r;
-}, P = 4, b = (t) => {
-  if (L(t))
-    return `<${f}`;
+  const n = H(t, X);
+  return e ? `${n}${e}` : n;
+}, P = 4, C = (t) => {
+  if (x(t))
+    return `<${g}`;
   if (t === 0)
     return "0";
-  const e = Math.round(t), r = Math.abs(t - e);
-  return r > 0 && r < 0.01 ? t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "") : I(t, P);
-}, Y = (t, e) => {
-  if (L(t))
-    return e ? `<${f} ${e}` : `<${f}`;
+  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) => {
+  if (x(t))
+    return e ? `<${g} ${e}` : `<${g}`;
   if (t === 0)
     return e ? `0 ${e}` : "0";
-  const r = Number.isInteger(t), a = Math.abs(t), s = r && a >= 1e3, u = Math.round(t), d = Math.abs(t - u);
-  if (d > 0 && d < 0.01 && !s) {
-    const h = t.toFixed(12).replace(/0+$/, "").replace(/\.$/, "");
-    return e ? `${h} ${e}` : h;
+  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 $ = R(t, {
-    maxExponentialThreshold: p,
-    minimumFractionDigits: r ? 0 : 2,
-    maximumFractionDigits: s ? 1 : r ? 0 : 2,
-    format: s ? "short" : "full",
-    adaptiveDecimals: s
+  const l = I(t, {
+    maxExponentialThreshold: R,
+    minimumFractionDigits: n ? 0 : 2,
+    maximumFractionDigits: c ? 1 : n ? 0 : 2,
+    format: c ? "short" : "full",
+    adaptiveDecimals: c
   });
-  return e ? `${$} ${e}` : $;
+  return e ? `${l} ${e}` : l;
 }, N = {
-  "%": H,
-  $: C,
-  token: Y,
-  none: b
-}, q = (t) => N[t] || N.token;
-function J(t, e, r = 4) {
+  "%": O,
+  $: V,
+  token: w,
+  none: C
+}, tt = (t) => N[t] || N.token;
+function et(t, e, n = 4) {
   if (t === 0)
     return e ? `0 ${e}` : "0";
   const a = t.toLocaleString("en-US", {
     minimumFractionDigits: 0,
-    maximumFractionDigits: r
+    maximumFractionDigits: n
   });
   return e ? `${a} ${e}` : a;
 }
-function Q(t, e, r) {
-  const a = r?.yScaleMin;
-  let s = t.length > 0 ? Math.min(...t) : 0, u = t.length > 0 ? Math.max(...t) : 0, d = !1, F = [];
-  const $ = () => {
-    const n = u - s, o = (s + u) / 2;
-    let i = 1, m = "";
-    o >= 1e9 ? (i = 1e9, m = "B") : o >= 1e6 ? (i = 1e6, m = "M") : o >= 1e3 && (i = 1e3, m = "K");
-    const M = n / 10 / i;
-    let S = 1;
-    if (M > 0) {
-      const x = Math.floor(Math.log10(M));
-      S = Math.max(1, -x), S = Math.min(S, 4);
+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 = [];
+  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: i, suffix: m, decimals: S };
-  }, h = (n, o, i) => {
-    const m = o > 1 ? n / o : n, g = Math.abs(m) >= 1 ? 1 : 4;
-    return o > 1 ? `${(n / o).toLocaleString("en-US", {
+    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: g,
+      maximumFractionDigits: d,
       useGrouping: !1
-    })}${i}` : n.toLocaleString("en-US", {
+    })}${f}` : r.toLocaleString("en-US", {
       minimumFractionDigits: 0,
-      maximumFractionDigits: g,
+      maximumFractionDigits: d,
       useGrouping: !1
     });
-  }, O = 0.12, U = 0.02;
-  return { formatter: (n) => {
-    if (a !== void 0 && n < a) return "";
-    if (n === 0)
-      return d ? "" : (d = !0, "0");
-    n > 0 && (d = !1);
-    const { scale: o, suffix: i, decimals: m } = $(), g = u - s, l = g > 0 ? F.filter(
-      (c) => Math.abs(c) >= g * U
-    ) : F, M = Math.abs(n) * 1e-10 || 1e-10;
-    if (l.some(
-      (c) => Math.abs(c - n) < M
+  }, 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 h(n, o, i);
-    if (l.length > 0) {
-      const c = l.reduce(
-        (E, A) => Math.abs(A - n) < Math.abs(E - n) ? A : E
+      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(n - c) / (Math.abs(c) || 1e-10) < O)
-        return h(c, o, i);
+      if (Math.abs(r - h) < M)
+        return l(h, i, f);
     }
-    const x = o > 1 ? n / o : n, T = Math.abs(x) >= 1 ? Math.min(1, m) : m;
-    return o > 1 ? `${(n / o).toLocaleString("en-US", {
+    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: T,
+      maximumFractionDigits: E,
       useGrouping: !1
-    })}${i}` : n.toLocaleString("en-US", {
+    })}${f}` : r.toLocaleString("en-US", {
       minimumFractionDigits: 0,
-      maximumFractionDigits: T,
+      maximumFractionDigits: E,
       useGrouping: !1
     });
-  }, updateVisibleRange: (n) => {
-    n.length > 0 && (s = Math.min(...n), u = Math.max(...n));
-  }, updateLastValues: (n) => {
-    F = [...n];
-  } };
+  };
+  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);
+      });
+    },
+    updateVisibleRange: (r) => {
+      r.length > 0 && (c = Math.min(...r), s = Math.max(...r));
+    },
+    updateLastValues: (r) => {
+      o = [...r];
+    }
+  };
 }
-const k = (t) => D.fromSeconds(Number(t)).toFormat("dd/LL/yyyy HH:mm"), w = (t) => D.fromSeconds(Number(t)).toFormat("HH:mm"), z = () => {
-  let t = null;
-  return (e) => {
-    const r = D.fromSeconds(Number(e)), a = r.toFormat("yyyy-MM-dd");
-    return a !== t ? (t = a, r.toFormat("dd MMM")) : r.toFormat("HH:mm");
+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
+};
+function W(t) {
+  const e = /* @__PURE__ */ new Map();
+  return (n, a, c) => {
+    const s = $.fromSeconds(Number(n));
+    let o;
+    if (t === 0)
+      o = s.toFormat("HH:mm");
+    else
+      switch (a) {
+        case S.Year:
+          o = s.toFormat("yyyy");
+          break;
+        case S.Month:
+          o = s.toFormat("MMM yy");
+          break;
+        case S.DayOfMonth:
+          o = t > 365 ? s.toFormat("dd MMM yy") : s.toFormat("dd MMM");
+          break;
+        case S.Time:
+        case S.TimeWithSeconds:
+          o = s.toFormat("HH:mm");
+          break;
+        default:
+          o = 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);
   };
-}, B = (t, e) => H(Number(t), e), _ = {
-  time: k,
-  "%": B
-}, v = (t, e) => {
+}
+const z = (t, e) => {
   if (t === "time" && e && e.length > 0) {
-    const r = D.fromSeconds(Number(e[0].time)), a = D.fromSeconds(
+    const a = $.fromSeconds(Number(e[0].time)), c = $.fromSeconds(
       Number(e[e.length - 1].time)
-    );
-    return r.hasSame(a, "day") ? w : z();
+    ), s = a.hasSame(c, "day"), o = s ? 0 : Math.ceil(c.diff(a, "days").days);
+    return {
+      timeFormatter: s ? Y : b,
+      tickMarkFormatter: W(o)
+    };
   }
-  return _[t] || _.time;
-};
+  const n = _[t] || _.time;
+  return {
+    timeFormatter: n,
+    tickMarkFormatter: (a) => n(a, void 0)
+  };
+}, nt = (t, e) => z(t, e).timeFormatter;
 export {
-  Q as createAdaptiveYAxisFormatter,
-  J as formatExactValue,
-  v as getXFormatter,
-  q as getYFormatter
+  rt as createAdaptiveYAxisFormatter,
+  et as formatExactValue,
+  nt as getXFormatter,
+  z as getXFormatters,
+  tt as getYFormatter
 };

package/dist/esm/components/graph/graph-tooltip.js

@@ -13,28 +13,28 @@ function M({
   containerRef: b,
   decimals: u
 }) {
-  const w = k(null), [f, l] = F(t), C = A(g);
+  const w = k(null), [f, a] = F(t), C = A(g);
   S(() => {
     if (!t) {
-      l(t);
+      a(t);
       return;
     }
     const r = b?.current;
     if (!r) {
-      l(t);
+      a(t);
       return;
     }
     const c = w.current;
     if (!c) {
-      l(t);
+      a(t);
       return;
     }
     const o = r.getBoundingClientRect(), i = c.getBoundingClientRect();
     let n = t.x, e = t.y;
-    const s = i.width, p = i.height, a = 8;
-    n - s / 2 < a ? n = s / 2 + a : n + s / 2 > o.width - a && (n = o.width - s / 2 - a);
+    const s = i.width, p = i.height, l = 8;
+    n - s / 2 < l ? n = s / 2 + l : n + s / 2 > o.width - l && (n = o.width - s / 2 - l);
     const y = p + 8;
-    e - y < a ? e = t.y + 20 : e = t.y - y, l({ x: n, y: e });
+    e - y < l ? e = t.y + 20 : e = t.y - y, a({ x: n, y: e });
   }, [t, b]);
   const P = f ? {
     left: `${f.x}px`,
@@ -59,7 +59,7 @@ function M({
         v.map((r, c) => {
           const o = d.get(r.label);
           if (!o) return null;
-          const i = B(c), n = r.color || i.line, e = r.yMeasureUnit || N, s = e !== "%" && e !== "$" && e !== "none" ? e : void 0, p = e === "$" ? `$${x(o.value, void 0, u)}` : e === "%" ? `${x(o.value, void 0, u)}%` : x(o.value, s, u);
+          const i = B(c), n = (r.lineColor ?? r.color) || i.line, e = r.yMeasureUnit || N, s = e !== "%" && e !== "$" && e !== "none" ? e : void 0, p = e === "$" ? `$${x(o.value, void 0, u)}` : e === "%" ? `${x(o.value, void 0, u)}%` : x(o.value, s, u);
           return /* @__PURE__ */ h(
             "div",
             {