@gearbox-protocol/ui-kit 4.0.0-next.5 → 4.0.0-next.50

package/dist/esm/utils/index.js

@@ -1,113 +1,80 @@
-import { generateId as r, useFormFieldIds as t } from "./a11y.js";
-import { pointProgramsOf as m, positiveTokenRewardsOf as n, tokenRewardsOf as i, totalApyOf as p } from "./apy-breakdown.js";
-import { bnToInputView as l } from "./bn-to-input-view.js";
-import { bnToPrettyView as x } from "./bn-to-pretty-view.js";
-import { bpsToPercent as c } from "./bps.js";
-import { cn as S, cn as d } from "./cn.js";
-import { generateColorsFromBase as h, getCSSVariable as v, hexToRgba as P, hslToHex as b, resolveCSSColor as A } from "./colors.js";
-import { copyToClipboard as N } from "./copy.js";
-import { convertPercent as L, formatBytecodeSize as y, formatBytecodeVersion as C, formatTimestamp as w, shortenHash as F, significantTrunc as D } from "./format.js";
-import { formatAssetAmount as V } from "./format-asset-amount.js";
-import { formatLeverage as M } from "./format-leverage.js";
-import { formatCompactPercent as _, formatMoney as E, formatMoneyAmount as H, formatPercentAmount as W, percentTemplate as Z, percentageTemplate as z } from "./format-money.js";
-import { FORMAT_CONSTANTS as X, formatNumberWithSuffix as q, formatPrice as j, getAdaptiveDecimals as G, isBelowDisplayThreshold as J, isEffectivelyZero as K, toSignificantDigits as Q } from "./format-number.js";
-import { slippageTemplate as $ } from "./format-slippage.js";
-import { formatChipLeverage as oe, leveragePresets as re } from "./leverage-presets.js";
-import { allLoaded as ae, loadingProgress as me, round5 as ne } from "./loading.js";
-import { decimalsToStep as pe, findClosestPoint as fe, formatWithDecimals as le, formatWithoutDecimals as se, splitInterval as xe, validateMinMax as Te } from "./math.js";
-import { getNetworkIcon as ge } from "./network-icons.js";
-import { bnToLiquidationPriceView as de, isPositiveFloat as ue, parseInputToBN as he, parseSmallNumber as ve } from "./parse-input-to-bn.js";
-import { pluralize as be, selectPluralString as Ae } from "./plural.js";
-import { getAvailableRanges as Ne } from "./ranges.js";
-import { extractTextFromLabel as Le, serializeValue as ye } from "./react.js";
-import { searchInString as we } from "./search.js";
-import { createTokenSearchFilter as De, searchInToken as Oe } from "./search-in-token.js";
-import { shortSHA as Be } from "./short-sha.js";
-import { isLongString as Re, shortenString as _e } from "./shorten-string.js";
-import { negativeTokenTemplate as He, tokenTemplate as We, tokenTemplateNumber as Ze, tokenTemplateString as ze } from "./templates.js";
-import { getTokenIcon as Xe, parseShareTokenUnderlying as qe } from "./token-icon-source.js";
-import { TTL_CONSTANTS as Ge, getTTLZones as Je, ttlFromTimestamp as Ke, ttlLeft as Qe, ttlLeftHuman as Ye } from "./ttl.js";
-import { openInNewWindow as eo } from "./window.js";
-import { Z_INDEX as ro, Z_INDEX_VALUES as to } from "./z-index.js";
+import { pointProgramsOf as r, positiveTokenRewardsOf as t, tokenRewardsOf as a, totalApyOf as m } from "./apy-breakdown.js";
+import { bnToInputView as n } from "./bn-to-input-view.js";
+import { bnToPrettyView as i } from "./bn-to-pretty-view.js";
+import { bpsToPercent as l } from "./bps.js";
+import { cn as T, cn as g } from "./cn.js";
+import { generateColorsFromBase as c, hexToRgba as A, hslToHex as P, resolveCSSColor as d } from "./colors.js";
+import { APPROXIMATE_SYMBOL as N, formatTimestamp as h, shortenHash as O } from "./format.js";
+import { formatAssetAmount as w } from "./format-asset-amount.js";
+import { formatLeverage as L } from "./format-leverage.js";
+import { DEFAULT_FORMAT_MONEY_CONSTANTS as M, formatCompactPercent as _, formatMoney as b, formatPercentAmount as D, percentTemplate as k, percentageTemplate as E } from "./format-money.js";
+import { FORMAT_CONSTANTS as y, formatNumberWithSuffix as F, formatPrice as V, formatSmallValue as B, getAdaptiveDecimals as U, isBelowDisplayThreshold as W, toSignificantDigits as X } from "./format-number.js";
+import { slippageTemplate as H } from "./format-slippage.js";
+import { formatChipLeverage as q, leveragePresets as j } from "./leverage-presets.js";
+import { loadingProgress as G, round5 as J } from "./loading.js";
+import { findClosestPoint as Q, formatWithoutDecimals as $, splitInterval as ee, validateMinMax as oe } from "./math.js";
+import { getNetworkIcon as te } from "./network-icons.js";
+import { bnToLiquidationPriceView as me, isPositiveFloat as pe, parseInputToBN as ne, parseSmallNumber as fe } from "./parse-input-to-bn.js";
+import { isLongString as se, shortenString as le } from "./shorten-string.js";
+import { tokenTemplateString as Te } from "./templates.js";
+import { getTokenIcon as Se, parseShareTokenUnderlying as ce } from "./token-icon-source.js";
+import { getTTLZones as Pe, ttlLeft as de } from "./ttl.js";
+import { openInNewWindow as Ne } from "./window.js";
+import { Z_INDEX as Oe, Z_INDEX_VALUES as ve } from "./z-index.js";
 export {
-  X as FORMAT_CONSTANTS,
-  Ge as TTL_CONSTANTS,
-  ro as Z_INDEX,
-  to as Z_INDEX_VALUES,
-  ae as allLoaded,
-  l as bnToInputView,
-  de as bnToLiquidationPriceView,
-  x as bnToPrettyView,
-  c as bpsToPercent,
-  S as cn,
-  L as convertPercent,
-  N as copyToClipboard,
-  De as createTokenSearchFilter,
-  pe as decimalsToStep,
-  d as default,
-  Le as extractTextFromLabel,
-  fe as findClosestPoint,
-  V as formatAssetAmount,
-  y as formatBytecodeSize,
-  C as formatBytecodeVersion,
-  oe as formatChipLeverage,
+  N as APPROXIMATE_SYMBOL,
+  M as DEFAULT_FORMAT_MONEY_CONSTANTS,
+  y as FORMAT_CONSTANTS,
+  Oe as Z_INDEX,
+  ve as Z_INDEX_VALUES,
+  n as bnToInputView,
+  me as bnToLiquidationPriceView,
+  i as bnToPrettyView,
+  l as bpsToPercent,
+  T as cn,
+  g as default,
+  Q as findClosestPoint,
+  w as formatAssetAmount,
+  q as formatChipLeverage,
   _ as formatCompactPercent,
-  M as formatLeverage,
-  E as formatMoney,
-  H as formatMoneyAmount,
-  q as formatNumberWithSuffix,
-  W as formatPercentAmount,
-  j as formatPrice,
-  w as formatTimestamp,
-  le as formatWithDecimals,
-  se as formatWithoutDecimals,
-  h as generateColorsFromBase,
-  r as generateId,
-  G as getAdaptiveDecimals,
-  Ne as getAvailableRanges,
-  v as getCSSVariable,
-  ge as getNetworkIcon,
-  Je as getTTLZones,
-  Xe as getTokenIcon,
-  P as hexToRgba,
-  b as hslToHex,
-  J as isBelowDisplayThreshold,
-  K as isEffectivelyZero,
-  Re as isLongString,
-  ue as isPositiveFloat,
-  re as leveragePresets,
-  me as loadingProgress,
-  He as negativeTokenTemplate,
-  eo as openInNewWindow,
-  he as parseInputToBN,
-  qe as parseShareTokenUnderlying,
-  ve as parseSmallNumber,
-  Z as percentTemplate,
-  z as percentageTemplate,
-  be as pluralize,
-  m as pointProgramsOf,
-  n as positiveTokenRewardsOf,
-  A as resolveCSSColor,
-  ne as round5,
-  we as searchInString,
-  Oe as searchInToken,
-  Ae as selectPluralString,
-  ye as serializeValue,
-  Be as shortSHA,
-  F as shortenHash,
-  _e as shortenString,
-  D as significantTrunc,
-  $ as slippageTemplate,
-  xe as splitInterval,
-  Q as toSignificantDigits,
-  i as tokenRewardsOf,
-  We as tokenTemplate,
-  Ze as tokenTemplateNumber,
-  ze as tokenTemplateString,
-  p as totalApyOf,
-  Ke as ttlFromTimestamp,
-  Qe as ttlLeft,
-  Ye as ttlLeftHuman,
-  t as useFormFieldIds,
-  Te as validateMinMax
+  L as formatLeverage,
+  b as formatMoney,
+  F as formatNumberWithSuffix,
+  D as formatPercentAmount,
+  V as formatPrice,
+  B as formatSmallValue,
+  h as formatTimestamp,
+  $ as formatWithoutDecimals,
+  c as generateColorsFromBase,
+  U as getAdaptiveDecimals,
+  te as getNetworkIcon,
+  Pe as getTTLZones,
+  Se as getTokenIcon,
+  A as hexToRgba,
+  P as hslToHex,
+  W as isBelowDisplayThreshold,
+  se as isLongString,
+  pe as isPositiveFloat,
+  j as leveragePresets,
+  G as loadingProgress,
+  Ne as openInNewWindow,
+  ne as parseInputToBN,
+  ce as parseShareTokenUnderlying,
+  fe as parseSmallNumber,
+  k as percentTemplate,
+  E as percentageTemplate,
+  r as pointProgramsOf,
+  t as positiveTokenRewardsOf,
+  d as resolveCSSColor,
+  J as round5,
+  O as shortenHash,
+  le as shortenString,
+  H as slippageTemplate,
+  ee as splitInterval,
+  X as toSignificantDigits,
+  a as tokenRewardsOf,
+  Te as tokenTemplateString,
+  m as totalApyOf,
+  de as ttlLeft,
+  oe as validateMinMax
 };

package/dist/esm/utils/loading.js

@@ -1,22 +1,15 @@
-const t = (n) => n != null;
-function l(n) {
-  return n.reduce(
-    (r, o) => r && t(o),
-    !0
-  );
-}
-function d(n) {
+const d = (n) => n != null;
+function u(n) {
   return Math.round(n / 5) * 5;
 }
 function s(n) {
   const r = n.reduce(
-    (e, u) => t(u) ? e + 1 : e,
+    (o, e) => d(e) ? o + 1 : o,
     0
-  ), o = Math.floor(r / n.length * 100);
-  return d(o);
+  ), t = Math.floor(r / n.length * 100);
+  return u(t);
 }
 export {
-  l as allLoaded,
   s as loadingProgress,
-  d as round5
+  u as round5
 };

package/dist/esm/utils/math.js

@@ -1,45 +1,36 @@
-function m(t, n, o) {
-  const e = t / n, a = Math.round(e * o);
+function M(t, n, o) {
+  const s = t / n, a = Math.round(s * o);
   return Math.round(a / o * n);
 }
-function h(t, n, o) {
-  const e = t / n;
-  return Math.round(e * o) / o;
-}
-function f(t, n) {
-  return t / n;
-}
-function b(t, n, o, e) {
+function l(t, n, o, s) {
   const a = /* @__PURE__ */ new Set([t]);
-  for (let s = 1; n >= t + o * s; s += 1)
-    a.add(t + o * s);
-  return a.add(n), e?.forEach((s) => {
-    a.add(s);
-  }), [...a].sort((s, c) => s - c);
+  for (let e = 1; n >= t + o * e; e += 1)
+    a.add(t + o * e);
+  return a.add(n), s?.forEach((e) => {
+    a.add(e);
+  }), [...a].sort((e, c) => e - c);
 }
-function D(t, n, o) {
+function f(t, n, o) {
   return Math.min(Math.max(t, n), o);
 }
-function V(t, n, o) {
-  const e = t, a = m(e, o, 1), s = Math.abs(a - e), c = n.reduce(
-    (u, r) => {
-      const l = r !== void 0 ? Math.abs(r - e) : Number.MAX_SAFE_INTEGER;
-      return u[l] = r || 0, u;
+function b(t, n, o) {
+  const s = t, a = M(s, o, 1), e = Math.abs(a - s), c = n.reduce(
+    (i, r) => {
+      const m = r !== void 0 ? Math.abs(r - s) : Number.MAX_SAFE_INTEGER;
+      return i[m] = r || 0, i;
     },
     []
-  ), i = {
-    [s]: a,
+  ), u = {
+    [e]: a,
     ...c
   }, d = Math.min(
-    ...Object.keys(i).map((u) => Number(u))
+    ...Object.keys(u).map((i) => Number(i))
   );
-  return { minPoint: i[d], minDistance: d };
+  return { minPoint: u[d], minDistance: d };
 }
 export {
-  f as decimalsToStep,
-  V as findClosestPoint,
-  h as formatWithDecimals,
-  m as formatWithoutDecimals,
-  b as splitInterval,
-  D as validateMinMax
+  b as findClosestPoint,
+  M as formatWithoutDecimals,
+  l as splitInterval,
+  f as validateMinMax
 };

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

@@ -1,4 +1,4 @@
-import { toBN as g, formatBN as d } from "@gearbox-protocol/sdk";
+import { toBN as g, formatBN as d } from "@gearbox-protocol/sdk/onchain";
 import { bnToInputView as N } from "./bn-to-input-view.js";
 function p(t) {
   if (!/^\d+(?:[.,]\d*?)?$/.test(t)) return !1;

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/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/ttl.js

@@ -1,42 +1,17 @@
-import { Duration as a } from "luxon";
-const s = 1e3, f = 60 * s, u = 60 * f, i = 24 * u, c = 7 * i, m = 30 * i;
-function N(n) {
-  if (!n) return;
-  const t = typeof n == "bigint" ? Number(n) : n;
-  return t >= m ? "good" : t > c ? "medium" : "bad";
+import { Duration as e } from "luxon";
+const u = 1e3, f = 60 * u, c = 60 * f, i = 24 * c, m = 7 * i, a = 30 * i;
+function N(o) {
+  if (!o) return;
+  const t = typeof o == "bigint" ? Number(o) : o;
+  return t >= a ? "good" : t > m ? "medium" : "bad";
 }
-function d(n) {
-  if (!n) return "Expired";
-  const t = typeof n == "bigint" ? Number(n) : n;
-  if (t <= 0) return "Expired";
-  const o = Math.floor(t / i), r = Math.floor(t % i / u), e = Math.floor(t % u / f);
-  return o > 0 ? r > 0 ? `${o}d ${r}h` : `${o}d` : r > 0 ? e > 0 ? `${r}h ${e}m` : `${r}h` : e > 0 ? `${e}m` : "< 1m";
-}
-function b(n, t = Date.now()) {
-  if (!n) return "Expired";
-  let o = typeof n == "bigint" ? Number(n) : n;
-  o < 1e12 && (o *= 1e3);
-  const r = o - t;
-  return d(r);
-}
-function M(n) {
-  const t = typeof n == "bigint" ? Number(n) : n, o = a.fromMillis(t), r = o.as("months");
+function b(o) {
+  const t = typeof o == "bigint" ? Number(o) : o, n = e.fromMillis(t), r = n.as("months");
   if (r > 3) return { months: Math.floor(r) };
-  const e = o.as("days");
-  if (e >= 1) return { day: Math.floor(e) };
+  const s = n.as("days");
+  if (s >= 1) return { day: Math.floor(s) };
 }
-const T = {
-  SECOND: s,
-  MINUTE: f,
-  HOUR: u,
-  DAY: i,
-  WEEK: c,
-  MONTH: m
-};
 export {
-  T as TTL_CONSTANTS,
   N as getTTLZones,
-  b as ttlFromTimestamp,
-  M as ttlLeft,
-  d as ttlLeftHuman
+  b as ttlLeft
 };