@gearbox-protocol/ui-kit 4.0.0-next.9 → 4.0.1

package/dist/esm/utils/internal/format-percent.js

@@ -0,0 +1,36 @@
+const o = [
+  { div: 1e12, suffix: "T" },
+  { div: 1e9, suffix: "B" },
+  { div: 1e6, suffix: "M" },
+  { div: 1e3, suffix: "K" }
+];
+function u(i) {
+  return i.replace(/(\.\d*?)0+$/, "$1").replace(/\.$/, "");
+}
+function r(i, t) {
+  for (const { div: e, suffix: n } of o)
+    if (i >= e)
+      return `${u((i / e).toFixed(t))}${n}`;
+  return i.toFixed(t);
+}
+function s(i, t = 2) {
+  return !Number.isFinite(i) || i === 0 ? "0%" : `${i < 0 ? "-" : ""}${r(Math.abs(i), t)}%`;
+}
+function c(i, t, e = !0) {
+  const n = typeof i == "number" ? i : Number(i);
+  return Number.isNaN(n) || n === void 0 || n === null ? "0" : n === 0 ? 0 : e && Math.abs(n) >= 1e3 ? `${n < 0 ? "-" : ""}${r(Math.abs(n), t)}` : n.toFixed(t);
+}
+const m = {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2,
+  decimalPrecision: 4,
+  minDecimalThreshold: 1,
+  minExponentialThreshold: 1e-4,
+  maxExponentialThreshold: 1e6,
+  locale: "en-US"
+};
+export {
+  m as DEFAULT_FORMAT_MONEY_CONSTANTS,
+  s as formatCompactPercent,
+  c as formatPercentAmount
+};

package/dist/esm/utils/internal/is-long-string.js

@@ -0,0 +1,6 @@
+function r(n, t) {
+  return n.length > t;
+}
+export {
+  r as isLongString
+};

package/dist/esm/utils/internal/parse-small-number.js

@@ -0,0 +1,38 @@
+function g(e) {
+  if (!/^\d+(?:[.,]\d*?)?$/.test(e)) return !1;
+  const n = parseFloat(e);
+  return !Number.isNaN(n);
+}
+function u(e) {
+  if (!e || typeof e != "string")
+    return { originalValue: e };
+  const t = e.replace(",", ".");
+  if (!/^\d*\.?\d*$/.test(t))
+    return { originalValue: e };
+  const o = parseFloat(t);
+  if (Number.isNaN(o) || o >= 1)
+    return { originalValue: e };
+  const s = t.split("."), f = s[0] || "0", i = s[1] || "", c = f.replace(/^0+/, "") || "0";
+  let r = -1;
+  for (let a = 0; a < i.length; a++)
+    if (i[a] !== "0") {
+      r = a;
+      break;
+    }
+  if (r === -1)
+    return {
+      integer: c,
+      repeat: 0,
+      decimal: void 0
+    };
+  let l = i.slice(r);
+  return l = l.replace(/0+$/, ""), {
+    integer: c,
+    repeat: r,
+    decimal: l
+  };
+}
+export {
+  g as isPositiveFloat,
+  u as parseSmallNumber
+};

package/dist/esm/utils/internal/z-index-values.js

@@ -0,0 +1,13 @@
+const O = {
+  TOAST: 1e4,
+  TOOLTIP: 9e3,
+  BANNERS: 800,
+  MODAL: 600,
+  MODAL_ALERT: 700,
+  DROPDOWN: 650,
+  LOADING: 400,
+  CONTENT: 0
+};
+export {
+  O as Z_INDEX_VALUES
+};

package/dist/esm/utils/leverage-presets.js

@@ -1,13 +1,7 @@
-function n(e) {
-  const r = (t) => Math.round(t * 2) / 2;
-  return [
-    .../* @__PURE__ */ new Set([r(1 + 0.3 * (e - 1)), r(1 + 0.7 * (e - 1)), e])
-  ];
-}
-function o(e) {
-  return e.toFixed(2).replace(/\.?0+$/, "");
+function r(e) {
+  const t = (n) => Math.min(Math.round((1 + n * (e - 1)) * 2) / 2, e);
+  return [.../* @__PURE__ */ new Set([t(0.3), t(0.7), e])];
 }
 export {
-  o as formatChipLeverage,
-  n as leveragePresets
+  r as leveragePresets
 };

package/dist/esm/utils/parse-input-to-bn.js

@@ -1,102 +1,62 @@
-import { toBN as g, formatBN as d } from "@gearbox-protocol/sdk";
-import { bnToInputView as N } from "./bn-to-input-view.js";
-function p(t) {
-  if (!/^\d+(?:[.,]\d*?)?$/.test(t)) return !1;
-  const n = parseFloat(t);
-  return !Number.isNaN(n);
-}
-const L = (t, e, n = !1) => {
+import { toBN as l, formatBN as N } from "@gearbox-protocol/sdk/onchain";
+import { bnToInputView as A } from "./internal/bn-to-input-view.js";
+import { DEFAULT_FORMAT_MONEY_CONSTANTS as c } from "./internal/format-percent.js";
+import { isPositiveFloat as S, parseSmallNumber as h } from "./internal/parse-small-number.js";
+const I = (t, n, r = !1) => {
   if (t.length === 0 || t === "NaN")
     return [0n, ""];
-  const i = h(t), [r, a, o] = x(i), [u, c] = A(
-    n ? o : i
-  ), s = n && a ? u || "0" : u;
-  if (!p(s)) return [null, null];
-  const l = D(c), f = $(l, e);
+  const o = D(t), [i, e, s] = E(o), [m, f] = L(
+    r ? s : o
+  ), a = r && e ? m || "0" : m;
+  if (!S(a)) return [null, null];
+  const g = $(f), u = b(g, n);
   return [
-    n ? g(s, e) * r : g(s, e),
-    n ? `${a}${f}` : f
+    r ? l(a, n) * i : l(a, n),
+    r ? `${e}${u}` : u
   ];
 };
-function h(t) {
+function D(t) {
   return t.replaceAll(",", ".");
 }
-function x(t) {
-  const e = t.startsWith("-");
+function E(t) {
+  const n = t.startsWith("-");
   return [
-    e ? -1n : 1n,
-    e ? "-" : "",
-    e ? t.slice(1) : t
+    n ? -1n : 1n,
+    n ? "-" : "",
+    n ? t.slice(1) : t
   ];
 }
-function A(t) {
-  const e = t.startsWith("."), n = t.endsWith("."), i = `${e ? 0 : ""}${t}${n ? 0 : ""}`, r = `${e ? 0 : ""}${t}`;
-  return [i, r];
+function L(t) {
+  const n = t.startsWith("."), r = t.endsWith("."), o = `${n ? 0 : ""}${t}${r ? 0 : ""}`, i = `${n ? 0 : ""}${t}`;
+  return [o, i];
 }
-function D(t) {
-  const e = /^0+(0[.]|0$|[^a-zA-Z.0])/gm;
-  return t.replace(e, "$1");
+function $(t) {
+  const n = /^0+(0[.]|0$|[^a-zA-Z.0])/gm;
+  return t.replace(n, "$1");
 }
-function $(t, e) {
-  const n = t.indexOf(".");
-  if (n < 0) return t;
-  const i = t.slice(0, n), r = t.slice(n + 1);
-  return r.length <= e ? t : `${i}.${r.slice(0, e)}`;
+function b(t, n) {
+  const r = t.indexOf(".");
+  if (r < 0) return t;
+  const o = t.slice(0, r), i = t.slice(r + 1);
+  return i.length <= n ? t : `${o}.${i.slice(0, n)}`;
 }
-function b(t) {
-  if (!t || typeof t != "string")
-    return { originalValue: t };
-  const e = t.replace(",", ".");
-  if (!/^\d*\.?\d*$/.test(e))
-    return { originalValue: t };
-  const i = parseFloat(e);
-  if (Number.isNaN(i) || i >= 1)
-    return { originalValue: t };
-  const r = e.split("."), a = r[0] || "0", o = r[1] || "", u = a.replace(/^0+/, "") || "0";
-  let c = -1;
-  for (let l = 0; l < o.length; l++)
-    if (o[l] !== "0") {
-      c = l;
-      break;
-    }
-  if (c === -1)
-    return {
-      integer: u,
-      repeat: 0,
-      decimal: void 0
-    };
-  let s = o.slice(c);
-  return s = s.replace(/0+$/, ""), {
-    integer: u,
-    repeat: c,
-    decimal: s
-  };
-}
-const m = {
-  minimumFractionDigits: 2,
-  maximumFractionDigits: 2,
-  maxExponentialThreshold: 1e6,
-  locale: "en-US"
-};
-function T(t, e) {
-  const r = N(
+function M(t, n) {
+  const i = A(
     t,
     8,
     !1,
     8
-  ), a = Number(r), o = Math.abs(Number(r));
-  return o > m.maxExponentialThreshold ? {
-    originalValue: d(t, 8, e)
-  } : Number.isNaN(a) || Math.abs(o) >= 1 ? {
-    originalValue: a.toLocaleString(m.locale, {
-      minimumFractionDigits: m.minimumFractionDigits,
-      maximumFractionDigits: m.maximumFractionDigits
+  ), e = Number(i), s = Math.abs(Number(i));
+  return s > c.maxExponentialThreshold ? {
+    originalValue: N(t, 8, n)
+  } : Number.isNaN(e) || Math.abs(s) >= 1 ? {
+    originalValue: e.toLocaleString(c.locale, {
+      minimumFractionDigits: c.minimumFractionDigits,
+      maximumFractionDigits: c.maximumFractionDigits
     })
-  } : b(r);
+  } : h(i);
 }
 export {
-  T as bnToLiquidationPriceView,
-  p as isPositiveFloat,
-  L as parseInputToBN,
-  b as parseSmallNumber
+  M as bnToLiquidationPriceView,
+  I as parseInputToBN
 };

package/dist/esm/utils/ranges.js

@@ -1,24 +1 @@
-function f(n, o, e) {
-  if (e.length === 0)
-    return [];
-  const t = o !== void 0 && n !== void 0 ? o - n : void 0;
-  return e.reduce((i, r) => {
-    const { start: s, end: c, color: d } = r;
-    if (n !== void 0 && t !== void 0) {
-      const h = Math.ceil(
-        n + t * s
-      ), u = Math.ceil(
-        n + t * c
-      );
-      i.push({
-        start: h,
-        end: u,
-        color: d
-      });
-    }
-    return i;
-  }, []);
-}
-export {
-  f as getAvailableRanges
-};
+

package/dist/esm/utils/ranges.spec.js

@@ -1,188 +1 @@
-import { describe as c, it as r, expect as t } from "vitest";
-import { getAvailableRanges as n } from "./ranges.js";
-c("getAvailableRanges", () => {
-  const l = [
-    {
-      name: "should return empty array when ranges is empty",
-      availableStart: 0,
-      availableEnd: 100,
-      ranges: [],
-      expected: []
-    },
-    {
-      name: "should handle single range correctly",
-      availableStart: 0,
-      availableEnd: 100,
-      ranges: [
-        {
-          start: 0.2,
-          end: 0.8,
-          color: "primary"
-        }
-      ],
-      expected: [{ start: 20, end: 80, color: "primary" }]
-    },
-    {
-      name: "should handle multiple ranges correctly",
-      availableStart: 0,
-      availableEnd: 200,
-      ranges: [
-        {
-          start: 0,
-          end: 0.3,
-          to: 0.3,
-          color: "primary"
-        },
-        {
-          start: 0.3,
-          end: 0.7,
-          to: 0.7,
-          color: "mainAccent"
-        },
-        {
-          start: 0.7,
-          end: 1,
-          to: 1,
-          color: "additionalSuccess"
-        }
-      ],
-      expected: [
-        { start: 0, end: 60, color: "primary" },
-        { start: 60, end: 140, color: "mainAccent" },
-        { start: 140, end: 200, color: "additionalSuccess" }
-      ]
-    },
-    {
-      name: "should handle ranges with decimal values",
-      availableStart: 10,
-      availableEnd: 50,
-      ranges: [
-        {
-          start: 0.1,
-          end: 0.5,
-          to: 0.5,
-          color: "primary"
-        },
-        {
-          start: 0.5,
-          end: 0.9,
-          to: 0.9,
-          color: "mainAccent"
-        }
-      ],
-      expected: [
-        { start: 14, end: 30, color: "primary" },
-        { start: 30, end: 46, color: "mainAccent" }
-      ]
-    },
-    {
-      name: "should handle ranges that start and end at boundaries",
-      availableStart: 0,
-      availableEnd: 100,
-      ranges: [
-        { start: 0, end: 0.5, color: "primary" },
-        { start: 0.5, end: 1, color: "mainAccent" },
-        { start: 0.5, end: 1, color: "mainAccent" }
-      ],
-      expected: [
-        { start: 0, end: 50, color: "primary" },
-        { start: 50, end: 100, color: "mainAccent" }
-      ]
-    },
-    {
-      name: "should handle overlapping ranges",
-      availableStart: 0,
-      availableEnd: 100,
-      ranges: [
-        { start: 0.2, end: 0.6, color: "primary" },
-        { start: 0.4, end: 0.8, color: "mainAccent" }
-      ],
-      expected: [
-        { start: 20, end: 60, color: "primary" },
-        { start: 40, end: 80, color: "mainAccent" }
-      ]
-    },
-    {
-      name: "should handle ranges with same start and end points",
-      availableStart: 0,
-      availableEnd: 100,
-      ranges: [{ start: 0.5, end: 0.5, color: "primary" }],
-      expected: [{ start: 50, end: 50, color: "primary" }]
-    },
-    {
-      name: "should handle negative availableStart",
-      availableStart: -50,
-      availableEnd: 50,
-      ranges: [
-        { start: 0, end: 0.5, color: "primary" },
-        { start: 0.5, end: 1, color: "mainAccent" }
-      ],
-      expected: [
-        { start: -50, end: 0, color: "primary" },
-        { start: 0, end: 50, color: "mainAccent" }
-      ]
-    },
-    {
-      name: "should handle very small ranges",
-      availableStart: 0,
-      availableEnd: 1,
-      ranges: [
-        { start: 0, end: 0.5, color: "primary" },
-        { start: 0.5, end: 1, color: "mainAccent" }
-      ],
-      expected: [
-        { start: 0, end: 1, color: "primary" },
-        { start: 1, end: 1, color: "mainAccent" }
-      ]
-    },
-    {
-      name: "should handle large ranges",
-      availableStart: 0,
-      availableEnd: 1e3,
-      ranges: [
-        { start: 0.1, end: 0.3, color: "primary" },
-        { start: 0.7, end: 0.9, color: "mainAccent" }
-      ],
-      expected: [
-        { start: 100, end: 300, color: "primary" },
-        { start: 700, end: 900, color: "mainAccent" }
-      ]
-    }
-  ];
-  r.each(l)("$name", ({
-    availableStart: e,
-    availableEnd: a,
-    ranges: o,
-    expected: d
-  }) => {
-    const s = n(e, a, o);
-    t(s).toEqual(d);
-  }), r("should handle edge case with undefined availableStart and availableEnd", () => {
-    const a = n(void 0, void 0, [
-      {
-        start: 0.2,
-        end: 0.8,
-        color: "primary"
-      }
-    ]);
-    t(a).toEqual([]);
-  }), r("should handle edge case with undefined availableStart", () => {
-    const a = n(void 0, 100, [
-      {
-        start: 0.2,
-        end: 0.8,
-        color: "primary"
-      }
-    ]);
-    t(a).toEqual([]);
-  }), r("should handle edge case with undefined availableEnd", () => {
-    const a = n(0, void 0, [
-      {
-        start: 0.2,
-        end: 0.8,
-        color: "primary"
-      }
-    ]);
-    t(a).toEqual([]);
-  });
-});
+

package/dist/esm/utils/shorten-string.js

@@ -1,10 +1,7 @@
-function t(n, r) {
-  return i(n, r) ? `${n.slice(0, r - 3)}...` : n;
-}
-function i(n, r) {
-  return n.length > r;
+import { isLongString as n } from "./internal/is-long-string.js";
+function t(r, i) {
+  return n(r, i) ? `${r.slice(0, i - 3)}...` : r;
 }
 export {
-  i as isLongString,
   t as shortenString
 };

package/dist/esm/utils/templates.js

@@ -1,42 +1,8 @@
-import { jsx as f, Fragment as u } from "react/jsx-runtime";
-import { formatBN as a, toBigInt as g } from "@gearbox-protocol/sdk";
-import { BigIntMath as d } from "@gearbox-protocol/sdk/common-utils";
-import { percentTemplate as p } from "./format-money.js";
-function x(o, t = 2) {
-  return /* @__PURE__ */ f(u, { children: p(o, t) });
-}
-function $(o, t, s, e = " ", r) {
-  const { decimals: n = 18 } = t || {};
-  let i = a(o, n, s);
-  const m = t?.title || t?.symbol || "undefined";
-  if (r !== void 0 && i !== "-") {
-    const l = e.length + m.length, c = r - l;
-    c > 0 && i.length > c && (i = i.slice(0, c));
-  }
-  return i === "-" ? i : `${i}${e}${m}`;
-}
-function v(o, t, s = 2) {
-  if (o === void 0) return "-";
-  const e = o.toFixed(s), r = Math.abs(Number(e)) > 0 ? "" : "< ", n = r ? `${e.slice(0, e.length - 1)}1` : e;
-  return `${r}${n} ${t?.title}`;
-}
-function k(o, t, s, e) {
-  const r = g(o || 0), n = $(
-    d.abs(r),
-    t,
-    s,
-    e
-  );
-  return n === "-" ? n : `${r < 0 ? "-" : ""}${n}`;
-}
-function P(o, t, s, e = " ") {
-  const { decimals: r = 18 } = t || {}, n = a(o, r, s), i = t?.title || t?.symbol || "undefined";
-  return n === "-" ? n : `${n}${e}${i}`;
+import { formatBN as a } from "@gearbox-protocol/sdk/onchain";
+function f(n, t, o, m = " ") {
+  const { decimals: r = 18 } = t || {}, e = a(n, r, o), i = t?.title || t?.symbol || "undefined";
+  return e === "-" ? e : `${e}${m}${i}`;
 }
 export {
-  k as negativeTokenTemplate,
-  x as percentageTemplate,
-  $ as tokenTemplate,
-  v as tokenTemplateNumber,
-  P as tokenTemplateString
+  f as tokenTemplateString
 };

package/dist/esm/utils/z-index.js

@@ -1,19 +1,10 @@
-const N = {
-  TOAST: 1e4,
-  TOOLTIP: 9e3,
-  BANNERS: 800,
-  MODAL: 600,
-  MODAL_ALERT: 700,
-  DROPDOWN: 650,
-  LOADING: 400,
-  CONTENT: 0
-}, e = Object.fromEntries(
-  Object.keys(N).map((O) => [
-    O,
-    N[O] === 0 ? "z-0" : `z-[${N[O]}]`
+import { Z_INDEX_VALUES as e } from "./internal/z-index-values.js";
+const r = Object.fromEntries(
+  Object.keys(e).map((t) => [
+    t,
+    e[t] === 0 ? "z-0" : `z-[${e[t]}]`
   ])
 );
 export {
-  e as Z_INDEX,
-  N as Z_INDEX_VALUES
+  r as Z_INDEX
 };