@gearbox-protocol/ui-kit 3.14.0-next.8 → 4.0.0-next.1

package/dist/esm/components/liquidation/liquidation-assets-table/liquidation-assets-table.js

@@ -1,84 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { PRICE_DECIMALS as h } from "@gearbox-protocol/sdk";
-import { AssetUtils as b } from "@gearbox-protocol/sdk/common-utils";
-import { useMemo as N } from "react";
-import { TokenSymbol as v } from "../../token-symbol/token-symbol.js";
-import { FormattedMessageTyped as s } from "../../typed-intl/index.js";
-import { useIsMobile as L } from "../../../hooks/use-media-query.js";
-import { cn as n } from "../../../utils/cn.js";
-function T({
-  tokensList: a,
-  graphParams: l,
-  data: i,
-  prices: m,
-  editedPrices: f
-}) {
-  const { fixedBalances: o } = l, c = N(() => b.constructAssetRecord(o), [o]), u = L();
-  return !i || !i.length ? /* @__PURE__ */ e("div", { className: "w-full flex items-center justify-center py-8 text-sm text-muted-foreground", children: /* @__PURE__ */ e(
-    s,
-    {
-      messageId: "components.creditSessionDetailedLiquidation.table.noData",
-      defaultMessage: "No data"
-    }
-  ) }) : /* @__PURE__ */ r("div", { className: "w-full", children: [
-    /* @__PURE__ */ r(
-      "div",
-      {
-        className: n(
-          "grid w-full px-3 sm:px-4 gap-1 sm:gap-2 items-center",
-          "h-7 sm:h-8 md:h-[30px]",
-          "relative after:absolute after:bottom-0 after:left-2 sm:after:left-3 after:right-2 sm:after:right-3 after:h-px after:border-b after:border-border"
-        ),
-        style: { gridTemplateColumns: "1fr 1fr 1fr" },
-        children: [
-          /* @__PURE__ */ e("div", { className: "text-left text-xs sm:text-sm font-medium text-muted-foreground truncate", children: /* @__PURE__ */ e(s, { messageId: "components.creditSessionDetailedLiquidation.table.asset" }) }),
-          /* @__PURE__ */ e("div", { className: "text-right text-xs sm:text-sm font-medium text-muted-foreground truncate", children: /* @__PURE__ */ e(s, { messageId: "components.creditSessionDetailedLiquidation.table.currentPrice" }) }),
-          /* @__PURE__ */ e("div", { className: "text-right text-xs sm:text-sm font-medium text-muted-foreground truncate", children: /* @__PURE__ */ e(s, { messageId: "components.creditSessionDetailedLiquidation.table.modelPrice" }) })
-        ]
-      }
-    ),
-    i.map((t, x, g) => {
-      const p = g.length - 1 === x;
-      return /* @__PURE__ */ r(
-        "div",
-        {
-          className: n(
-            "grid w-full px-3 sm:px-4 gap-1 sm:gap-2 items-center relative",
-            "h-12 sm:h-14 md:h-[51px]",
-            !p && "after:absolute after:bottom-0 after:left-2 sm:after:left-3 after:right-2 sm:after:right-3 after:h-px after:border-b after:border-border"
-          ),
-          style: {
-            gridTemplateColumns: "1fr 1fr 1fr"
-          },
-          children: [
-            /* @__PURE__ */ e("div", { className: "text-left min-w-0", children: /* @__PURE__ */ e(
-              v,
-              {
-                size: u ? 18 : 24,
-                token: a[t.token],
-                showSymbol: !0,
-                maxLength: 12,
-                className: "gap-1.5 sm:gap-2"
-              }
-            ) }),
-            /* @__PURE__ */ r("div", { className: "text-right text-xs sm:text-sm md:text-base truncate", children: [
-              "$",
-              d(m[t.token])
-            ] }),
-            /* @__PURE__ */ e("div", { className: "text-right min-w-0", children: c[t.token] ? /* @__PURE__ */ e("span", { className: "text-xs sm:text-sm text-muted-foreground truncate", children: /* @__PURE__ */ e(s, { messageId: "components.creditSessionDetailedLiquidation.table.seeGraph" }) }) : /* @__PURE__ */ r("span", { className: "text-xs sm:text-sm md:text-base text-muted-foreground truncate", children: [
-              "$",
-              d(f[t.token] || m[t.token])
-            ] }) })
-          ]
-        },
-        t.token
-      );
-    })
-  ] });
-}
-function d(a) {
-  return (Number(a || 0n) / Number(h)).toFixed(2);
-}
-export {
-  T as LiquidationModellingAssetsTable
-};

package/dist/esm/components/liquidation/liquidation-graph/index.js

@@ -1,4 +0,0 @@
-import { LiquidationGraph as r } from "./liquidation-graph.js";
-export {
-  r as LiquidationGraph
-};

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

@@ -1,172 +0,0 @@
-import { jsx as e, jsxs as Y } from "react/jsx-runtime";
-import { useCallback as F } from "react";
-import { FormattedMessageTyped as Q } from "../../typed-intl/index.js";
-import { VSpace as H } from "../../vspace/vspace.js";
-import { useHF as Z } from "../../../hooks/use-hf.js";
-import { useLiquidationHeatmap as ee } from "../../../hooks/use-liquidation/index.js";
-import { XYPlot as ie, XAxis as te, YAxis as ae, ColorHeatmap as oe, XLine as ne, YLine as re } from "../../../utils/reactochart-compat.js";
-import { LiquidationGraphLegend as se } from "../liquidation-graph-legend/liquidation-graph-legend.js";
-import { LiquidationGraphTip as le } from "../liquidation-graph-tip/liquidation-graph-tip.js";
-import { DEFAULT_AXIS_MIN as O, DEFAULT_AXIS_MAX as S, useLiquidationGraphCurrentActiveValue as ce, useWithLiquidationGraphActivePrices as me, useIsAxisInRelativeUnits as T, useLiquidationGraphActivePrice as D, formatAxisLabel as E, formatAxisTipLabel as G, getCellClass as de } from "../../../hooks/use-liquidation/utils.js";
-const ue = 300, xe = 300, he = "rct-crosshair-x", pe = "rct-crosshair-y";
-function Xe({
-  graphParams: R,
-  assets: f,
-  liquidationThresholds: L,
-  quotas: A,
-  quotasInfo: y,
-  underlyingToken: s,
-  debt: g,
-  prices: c,
-  tokensList: m,
-  width: d = ue,
-  height: M = xe,
-  maxLabelLength: q
-}) {
-  const { xAxis: u, yAxis: x, currentPoint: h } = R, {
-    min: b = O,
-    max: P = S,
-    label: t,
-    order: p = "straight",
-    nextOrder: _
-  } = u || {}, {
-    min: C = O,
-    max: X = S,
-    label: a,
-    order: v = "straight",
-    nextOrder: k
-  } = x || {}, W = ee({
-    xMin: b,
-    xMax: P,
-    yMin: C,
-    yMax: X,
-    xLabel: t,
-    yLabel: a,
-    assets: f,
-    quotas: A,
-    prices: c,
-    liquidationThresholds: L,
-    underlyingTokenAddress: s,
-    debt: g,
-    quotasInfo: y,
-    tokensList: m
-  }), { activePoint: w, handleMouseLeave: j, handleMouseMove: U } = ce(), [o, n] = w || [], $ = me({
-    prices: c,
-    activePoint: w,
-    xLabel: t,
-    yLabel: a
-  }), V = Z({
-    quotas: A,
-    quotasInfo: y,
-    assets: f,
-    prices: $,
-    liquidationThresholds: L,
-    underlyingToken: s,
-    debt: g,
-    tokensList: m
-  }), l = c[s] || 1n, r = m[s], N = T(t, r), I = T(a, r), z = D(
-    o || h[0],
-    l,
-    N,
-    p
-  ), B = D(
-    n || h[1],
-    l,
-    I,
-    v
-  ), J = F(
-    E(l, N, p),
-    []
-  ), K = F(
-    E(l, I, v),
-    []
-  );
-  return !u?.label && !x?.label ? /* @__PURE__ */ e(
-    "div",
-    {
-      className: "mx-auto flex items-center justify-center text-sm text-muted-foreground",
-      style: { width: `${d}px`, maxWidth: "100%", height: `${M}px` },
-      children: /* @__PURE__ */ e(
-        Q,
-        {
-          messageId: "components.creditSessionDetailedLiquidation.graph.noData",
-          defaultMessage: "No data"
-        }
-      )
-    }
-  ) : /* @__PURE__ */ Y("div", { className: "mx-auto", style: { width: `${d}px`, maxWidth: "100%" }, children: [
-    /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(
-      le,
-      {
-        underlyingToken: r,
-        hf: V.hf,
-        xAxis: u,
-        yAxis: x,
-        activePointX: z,
-        activePointY: B,
-        maxLabelLength: q
-      }
-    ) }),
-    /* @__PURE__ */ e(H, { height: 16 }),
-    /* @__PURE__ */ e("div", { className: "w-full liquidation-graph-container overflow-hidden", children: /* @__PURE__ */ Y(
-      ie,
-      {
-        width: d,
-        height: M,
-        xDomain: [b, P],
-        yDomain: [C, X],
-        onMouseMove: U,
-        onMouseLeave: j,
-        children: [
-          /* @__PURE__ */ e(
-            te,
-            {
-              showLine: !1,
-              title: G(t, r, p),
-              titleAlign: "right",
-              tickCount: 5,
-              labelFormat: J,
-              showLabels: !!t,
-              showTicks: !!t,
-              onMouseClickAxis: _,
-              nice: !1
-            }
-          ),
-          /* @__PURE__ */ e(
-            ae,
-            {
-              showLine: !1,
-              title: G(a, r, v),
-              titleAlign: "top",
-              tickCount: 5,
-              labelFormat: K,
-              showLabels: !!a,
-              showTicks: !!a,
-              onMouseClickAxis: k,
-              nice: !1
-            }
-          ),
-          /* @__PURE__ */ e(
-            oe,
-            {
-              data: W,
-              value: (i) => i.value,
-              x: (i) => i.x,
-              xEnd: (i) => i.xEnd,
-              y: (i) => i.y,
-              yEnd: (i) => i.yEnd,
-              rectClassName: (i) => de(i, h, o, n)
-            }
-          ),
-          o != null && /* @__PURE__ */ e(ne, { value: o, className: he }),
-          n != null && /* @__PURE__ */ e(re, { value: n, className: pe })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e(H, { height: 12 }),
-    /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ e(se, {}) })
-  ] });
-}
-export {
-  Xe as LiquidationGraph
-};

package/dist/esm/components/liquidation/liquidation-graph-legend/index.js

@@ -1,4 +0,0 @@
-import { LiquidationGraphLegend as o } from "./liquidation-graph-legend.js";
-export {
-  o as LiquidationGraphLegend
-};

package/dist/esm/components/liquidation/liquidation-graph-legend/liquidation-graph-legend.js

@@ -1,17 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { FormattedMessageTyped as t } from "../../typed-intl/index.js";
-function n() {
-  return /* @__PURE__ */ s("div", { className: "flex items-center justify-center gap-8 w-full", children: [
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e("div", { className: "w-[9px] h-[9px] bg-white" }),
-      /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ e(t, { messageId: "components.creditSessionDetailedLiquidation.graph.legend.point" }) })
-    ] }),
-    /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ e("div", { className: "w-[9px] h-[9px] bg-[rgb(244,67,54)]" }),
-      /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: /* @__PURE__ */ e(t, { messageId: "components.creditSessionDetailedLiquidation.graph.legend.area" }) })
-    ] })
-  ] });
-}
-export {
-  n as LiquidationGraphLegend
-};

package/dist/esm/components/liquidation/liquidation-graph-tip/index.js

@@ -1,4 +0,0 @@
-import { LiquidationGraphTip as p } from "./liquidation-graph-tip.js";
-export {
-  p as LiquidationGraphTip
-};

package/dist/esm/components/liquidation/liquidation-graph-tip/liquidation-graph-tip.js

@@ -1,72 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { HealthFactor as n } from "../../health-factor/health-factor.js";
-import { ShortString as p } from "../../short-string/short-string.js";
-import { TokenSymbol as f } from "../../token-symbol/token-symbol.js";
-import { FormattedMessageTyped as c } from "../../typed-intl/index.js";
-import "@gearbox-protocol/sdk";
-import "@gearbox-protocol/sdk/common-utils";
-import "react";
-import { formatAxisTipPrice as h, formatAxisTipLabel as u } from "../../../hooks/use-liquidation/utils.js";
-function T({
-  activePointX: o,
-  activePointY: a,
-  xAxis: i,
-  yAxis: t,
-  hf: m,
-  underlyingToken: s,
-  maxLabelLength: l
-}) {
-  return /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: [
-    /* @__PURE__ */ r("div", { className: "flex flex-col gap-2", children: [
-      i && /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(
-        d,
-        {
-          underlyingToken: s,
-          token: i.label,
-          value: o,
-          order: i.order,
-          maxLabelLength: l
-        }
-      ) }),
-      t && /* @__PURE__ */ e("div", { className: "flex items-center", children: /* @__PURE__ */ e(
-        d,
-        {
-          underlyingToken: s,
-          token: t.label,
-          value: a,
-          order: t.order,
-          maxLabelLength: l
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ e(c, { messageId: "components.creditSessionDetailedLiquidation.graph.tip.hf" }),
-        ":"
-      ] }),
-      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(n, { value: m, debt: 1n }) })
-    ] })
-  ] });
-}
-function d({
-  token: o,
-  underlyingToken: a,
-  value: i = 0,
-  order: t = "straight",
-  maxLabelLength: m = 13
-}) {
-  return /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ e(f, { token: o, size: 12 }),
-    /* @__PURE__ */ r("div", { className: "text-sm text-foreground", children: [
-      /* @__PURE__ */ e(p, { maxLength: m, children: u(o, a, t) }),
-      " ",
-      /* @__PURE__ */ e(c, { messageId: "components.creditSessionDetailedLiquidation.graph.tip.price" }),
-      ": ",
-      a ? "" : "$",
-      h(i)
-    ] })
-  ] });
-}
-export {
-  T as LiquidationGraphTip
-};

package/dist/esm/components/liquidation-price/index.js

@@ -1,4 +0,0 @@
-import { LiquidationPrice as r } from "./liquidation-price.js";
-export {
-  r as LiquidationPrice
-};

package/dist/esm/components/liquidation-price/liquidation-price.js

@@ -1,46 +0,0 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { toBN as u } from "@gearbox-protocol/sdk";
-import { BaseLink as f } from "../base-link/base-link.js";
-import { FormattedNumberString as h } from "../formatted-number/formatted-number.js";
-import { StatusBars as x, HealthDot as N } from "../status-elements/status-elements.js";
-import { TextButton as g } from "../text-button/text-button.js";
-import "react";
-import { bnToLiquidationPriceView as b } from "../../utils/parse-input-to-bn.js";
-import { cn as v } from "../../utils/cn.js";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-const w = { type: "text" };
-function y({
-  liquidationPrice: t = 0,
-  type: o = w,
-  hfZone: e,
-  zoneType: n = "dot",
-  checkLabel: i = "Check",
-  className: m
-}) {
-  const s = () => {
-    switch (o.type) {
-      case "redirect":
-        return /* @__PURE__ */ r(f, { href: o.to, external: !0, target: "_blank", children: i });
-      case "text":
-        return "N/A";
-      case "graph":
-        return /* @__PURE__ */ r(g, { onClick: o.props.onShow, children: i });
-      default:
-        return null;
-    }
-  }, a = () => {
-    const p = typeof t != "bigint" ? u(String(t), 8) : t, l = b(p, 4);
-    return /* @__PURE__ */ r(h, { value: l, decimalPartLength: 4 });
-  }, c = t > 0;
-  return /* @__PURE__ */ d("div", { className: v("flex flex-nowrap items-center", m), children: [
-    e && n === "bars" && /* @__PURE__ */ r("div", { className: "mr-1.5", children: /* @__PURE__ */ r(x, { zone: e }) }),
-    c ? a() : s(),
-    e && n === "dot" && /* @__PURE__ */ r("div", { className: "ml-1.5", children: /* @__PURE__ */ r(N, { zone: e }) })
-  ] });
-}
-export {
-  y as LiquidationPrice
-};

package/dist/esm/components/loader-guard/index.js

@@ -1,4 +0,0 @@
-import { LoaderGuard as a } from "./loader-guard.js";
-export {
-  a as LoaderGuard
-};

package/dist/esm/components/loader-guard/loader-guard.js

@@ -1,44 +0,0 @@
-import { jsx as m, jsxs as o } from "react/jsx-runtime";
-import { Guard as p } from "../guard/guard.js";
-import "../base-link/base-link.js";
-import "react";
-import "@gearbox-protocol/sdk";
-import "clsx";
-import "tailwind-merge";
-import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
-import "luxon";
-import "../../utils/z-index.js";
-import "../layout/col/col.js";
-import { Container as e } from "../layout/container/container.js";
-import "../layout/footer/footer.js";
-import "../layout/grid/grid.js";
-import "../layout/header/header.js";
-import "../layout/layout/layout.js";
-import "../layout/main-aside-layout/main-aside-layout.js";
-import "../buttons/back-button/back-button.js";
-import "../page-title/page-title.js";
-import "../layout/social-icons/social-icons.js";
-import { Skeleton as r } from "../skeleton/skeleton.js";
-function B({
-  showGuard: s,
-  children: i,
-  loader: a
-}) {
-  const t = /* @__PURE__ */ m(e, { children: /* @__PURE__ */ o("div", { className: "flex flex-col gap-4 p-4 sm:p-6 w-full", children: [
-    /* @__PURE__ */ m(r, { className: "h-6 sm:h-8 w-48 sm:w-64" }),
-    /* @__PURE__ */ o("div", { className: "space-y-2 mb-4", children: [
-      /* @__PURE__ */ m(r, { className: "h-3 sm:h-4 w-full" }),
-      /* @__PURE__ */ m(r, { className: "h-3 sm:h-4 w-full" }),
-      /* @__PURE__ */ m(r, { className: "h-3 sm:h-4 w-3/4" })
-    ] }),
-    /* @__PURE__ */ o("div", { className: "flex gap-4 md:flex-row flex-col w-full", children: [
-      /* @__PURE__ */ m(r, { className: "h-48 sm:h-64 md:h-72 md:w-2/3 w-full" }),
-      /* @__PURE__ */ m(r, { className: "h-48 sm:h-64 md:h-72 md:w-1/3 w-full" })
-    ] })
-  ] }) }), l = s;
-  return /* @__PURE__ */ m(p, { showGuard: l, guard: l && (a || t), children: i });
-}
-export {
-  B as LoaderGuard
-};

package/dist/esm/components/markdown-viewer/index.js

@@ -1,4 +0,0 @@
-import { MarkdownViewer as o } from "./markdown-viewer.js";
-export {
-  o as MarkdownViewer
-};