@gearbox-protocol/ui-kit 2.1.0-next.1

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

@@ -0,0 +1,188 @@
+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/react.js

@@ -0,0 +1,44 @@
+import * as e from "react";
+function o(r) {
+  if (r == null)
+    return "";
+  if (typeof r == "string" || typeof r == "number")
+    return String(r);
+  if (typeof r == "boolean")
+    return r ? "true" : "false";
+  if (e.isValidElement(r)) {
+    const i = r.props?.children;
+    return i == null ? "" : Array.isArray(i) ? i.map(o).join(" ") : o(i);
+  }
+  if (Array.isArray(r))
+    return r.map(o).join(" ");
+  try {
+    return String(r);
+  } catch {
+    return "";
+  }
+}
+function f(r) {
+  if (r == null)
+    return String(r);
+  const t = typeof r;
+  if (t === "string" || t === "number" || t === "boolean")
+    return String(r);
+  if (t === "bigint")
+    return `bigint:${r.toString()}`;
+  if (t === "symbol" || t === "function")
+    return `${t}:${String(r)}`;
+  try {
+    return JSON.stringify(r, (i, n) => typeof n == "bigint" ? `bigint:${n.toString()}` : typeof n == "symbol" ? `symbol:${String(n)}` : typeof n == "function" ? `function:${n.name || "anonymous"}` : n);
+  } catch {
+    try {
+      return `${t}:${String(r)}`;
+    } catch {
+      return `[unserializable:${t}]`;
+    }
+  }
+}
+export {
+  o as extractTextFromLabel,
+  f as serializeValue
+};

package/dist/esm/utils/reactochart-compat.js

@@ -0,0 +1,18 @@
+import r from "reactochart/ColorHeatmap";
+import m from "reactochart/XAxis";
+import i from "reactochart/XLine";
+import p from "reactochart/XYPlot";
+import n from "reactochart/YAxis";
+import e from "reactochart/YLine";
+function o(t) {
+  return t.default || t;
+}
+const X = o(r), Y = o(m), x = o(i), u = o(p), A = o(n), L = o(e);
+export {
+  X as ColorHeatmap,
+  Y as XAxis,
+  x as XLine,
+  u as XYPlot,
+  A as YAxis,
+  L as YLine
+};

package/dist/esm/utils/search-in-token.js

@@ -0,0 +1,14 @@
+function c(e, t) {
+  if (!e || !t) return !1;
+  const s = t.toLowerCase().trim();
+  if (!s) return !1;
+  const r = e.title?.toLowerCase() || "", o = e.symbol?.toLowerCase() || "", n = e.name?.toLowerCase() || "", a = e.address?.toLowerCase() || "";
+  return r.includes(s) || o.includes(s) || n.includes(s) || s.length > 2 && a.toLowerCase().startsWith(s);
+}
+function i(e) {
+  return (t) => c(t, e);
+}
+export {
+  i as createTokenSearchFilter,
+  c as searchInToken
+};

package/dist/esm/utils/search.js

@@ -0,0 +1,6 @@
+function n(e, r) {
+  return e.toLowerCase().includes(r.toLowerCase());
+}
+export {
+  n as searchInString
+};

package/dist/esm/utils/short-sha.js

@@ -0,0 +1,4 @@
+const s = (o) => o.slice(0, 7);
+export {
+  s as shortSHA
+};

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

@@ -0,0 +1,10 @@
+function t(n, r) {
+  return i(n, r) ? `${n.slice(0, r - 3)}...` : n;
+}
+function i(n, r) {
+  return n.length > r;
+}
+export {
+  i as isLongString,
+  t as shortenString
+};

package/dist/esm/utils/sort.js

@@ -0,0 +1 @@
+

package/dist/esm/utils/static.js

@@ -0,0 +1,6 @@
+const a = "https://static.gearbox.finance", i = (t = a) => (c) => `${t}${c}`, n = i();
+export {
+  a as STATIC_SERVER,
+  i as buildStaticUrl,
+  n as getStatic
+};

package/dist/esm/utils/templates.js

@@ -0,0 +1,42 @@
+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}`;
+}
+export {
+  k as negativeTokenTemplate,
+  x as percentageTemplate,
+  $ as tokenTemplate,
+  v as tokenTemplateNumber,
+  P as tokenTemplateString
+};

package/dist/esm/utils/ttl.js

@@ -0,0 +1,42 @@
+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";
+}
+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");
+  if (r > 3) return { months: Math.floor(r) };
+  const e = o.as("days");
+  if (e >= 1) return { day: Math.floor(e) };
+}
+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
+};

package/dist/esm/utils/window.js

@@ -0,0 +1,7 @@
+function i(o, n = "_blank", w) {
+  const e = n === "_blank" ? window.open(o, n, "noreferrer,noopener") : window.open(o, n, w);
+  e && e.focus();
+}
+export {
+  i as openInNewWindow
+};

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

@@ -0,0 +1,19 @@
+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]}]`
+  ])
+);
+export {
+  e as Z_INDEX,
+  N as Z_INDEX_VALUES
+};