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

package/dist/esm/components/complex-input/index.js

@@ -1,4 +0,0 @@
-import { ComplexInput as e } from "./complex-input.js";
-export {
-  e as ComplexInput
-};

package/dist/esm/components/composites/oracles-and-lt-table/index.js

@@ -1,13 +0,0 @@
-import { OracleComponent as o } from "./oracle-component.js";
-import { OraclesAndLTLineView as t } from "./oracles-and-lt-line-view.js";
-import { OraclesAndLTTableView as n } from "./oracles-and-lt-table.js";
-import { OraclesAndLTTableHead as f } from "./oracles-and-lt-table-head.js";
-import { OraclesList as p, getPriceFeedInfo as d } from "./oracles-list.js";
-export {
-  o as OracleComponent,
-  t as OraclesAndLTLineView,
-  f as OraclesAndLTTableHead,
-  n as OraclesAndLTTableView,
-  p as OraclesList,
-  d as getPriceFeedInfo
-};

package/dist/esm/components/composites/oracles-and-lt-table/oracle-component.js

@@ -1,37 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { getStatic as o } from "@gearbox-protocol/static";
-import { BaseLink as c } from "../../base-link/base-link.js";
-import { StyledRoundedImage as n } from "../../client-adapters/styled-rounded-image/styled-rounded-image.js";
-import { SimpleTooltip as a } from "../../tooltip/simple-tooltip.js";
-const i = {
-  "PRICE_FEED::EXTERNAL": "chainlink.svg",
-  "PRICE_FEED::PYTH": "pyth.svg",
-  "PRICE_FEED::REDSTONE": "redstone.svg"
-}, l = "default.svg";
-function I({ info: r, explorerInfo: t }) {
-  return /* @__PURE__ */ e(
-    a,
-    {
-      placement: "top",
-      triangle: !1,
-      title: /* @__PURE__ */ e("span", { children: (() => {
-        const s = o(`/oracles/${i[r.type] || l}`);
-        return t && r.address ? /* @__PURE__ */ e(
-          c,
-          {
-            className: "inline",
-            href: `${t.url}/address/${r.address}`,
-            target: "_blank",
-            color: "secondary",
-            size: "unset",
-            children: /* @__PURE__ */ e(n, { src: s, $size: 24 })
-          }
-        ) : /* @__PURE__ */ e(n, { src: s, $size: 24 });
-      })() }),
-      children: r.name
-    }
-  );
-}
-export {
-  I as OracleComponent
-};

package/dist/esm/components/composites/oracles-and-lt-table/oracles-and-lt-line-view.js

@@ -1,84 +0,0 @@
-import { jsx as e, jsxs as m, Fragment as L } from "react/jsx-runtime";
-import { formatBN as b } from "@gearbox-protocol/sdk";
-import "react";
-import "@gearbox-protocol/sdk/common-utils";
-import { useIsMobile as y, useIsDesktop as N } from "../../../hooks/use-media-query.js";
-import { GridTableRow as k, GridTableCell as r } from "../../table/grid-table.js";
-import { TableLineSm as A, TableCellSm as c } from "../../table/table-sm.js";
-import { TokenSymbol as S } from "../../token-symbol/token-symbol.js";
-import { FormattedMessageTyped as d } from "../../typed-intl/index.js";
-import { Typography as w } from "../../typography/typography.js";
-import { getPriceFeedInfo as z, OraclesList as F } from "./oracles-list.js";
-function V({
-  last: p,
-  sdk: f,
-  explorerInfo: h,
-  token: s,
-  lt: g,
-  pool: u
-}) {
-  const t = y(), T = N() ? 13 : t ? 40 : 10, l = () => /* @__PURE__ */ e("div", { className: "flex items-center flex-col-auto", children: /* @__PURE__ */ e(
-    S,
-    {
-      size: 24,
-      token: s,
-      showSymbol: !0,
-      maxLength: T
-    }
-  ) }), i = () => /* @__PURE__ */ e(w, { as: "span", variant: "bodySmall", children: b(g, 4, 3) }), o = () => {
-    const n = f?.marketRegister.marketsMap.get(u);
-    if (!n) return null;
-    const a = n.priceOracle.mainPriceFeeds.get(s.address);
-    if (!a) return null;
-    const x = z({
-      pfRef: a
-    });
-    return /* @__PURE__ */ e(F, { info: x, explorerInfo: h });
-  };
-  return /* @__PURE__ */ e(
-    k,
-    {
-      height: "auto",
-      onRowClick: () => {
-      },
-      noHover: !0,
-      className: "cursor-default",
-      last: p,
-      style: {
-        minHeight: "56px"
-      },
-      children: t ? /* @__PURE__ */ e(r, { span: "full", size: "sm", className: "px-3 py-0!", children: /* @__PURE__ */ m(
-        A,
-        {
-          columns: 2,
-          columnsXs: 2,
-          title: l(),
-          className: "w-full",
-          children: [
-            /* @__PURE__ */ e(
-              c,
-              {
-                title: /* @__PURE__ */ e(d, { messageId: "components.oraclesAndLTTable.head.oracles" }),
-                children: o()
-              }
-            ),
-            /* @__PURE__ */ e(
-              c,
-              {
-                title: /* @__PURE__ */ e(d, { messageId: "components.oraclesAndLTTable.head.lt" }),
-                children: i()
-              }
-            )
-          ]
-        }
-      ) }) : /* @__PURE__ */ m(L, { children: [
-        /* @__PURE__ */ e(r, { textAlign: "left", size: "sm", className: "pl-4", children: l() }),
-        /* @__PURE__ */ e(r, { textAlign: "left", size: "sm", children: o() }),
-        /* @__PURE__ */ e(r, { textAlign: "right", size: "sm", className: "pr-4", children: i() })
-      ] })
-    }
-  );
-}
-export {
-  V as OraclesAndLTLineView
-};

package/dist/esm/components/composites/oracles-and-lt-table/oracles-and-lt-table-head.js

@@ -1,21 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { GridTableRow as o, GridTableHead as s } from "../../table/grid-table.js";
-import { FormattedMessageTyped as a } from "../../typed-intl/index.js";
-function c() {
-  return /* @__PURE__ */ r(o, { noHover: !0, height: "35px", children: [
-    /* @__PURE__ */ e(s, { justify: "start", size: "sm", className: "uppercase pl-4", children: /* @__PURE__ */ e(a, { messageId: "components.oraclesAndLTTable.head.token" }) }),
-    /* @__PURE__ */ e(
-      s,
-      {
-        justify: "start",
-        size: "sm",
-        className: "uppercase whitespace-nowrap",
-        children: /* @__PURE__ */ e(a, { messageId: "components.oraclesAndLTTable.head.oracles" })
-      }
-    ),
-    /* @__PURE__ */ e(s, { justify: "end", size: "sm", className: "uppercase pr-4", children: /* @__PURE__ */ e(a, { messageId: "components.oraclesAndLTTable.head.lt" }) })
-  ] });
-}
-export {
-  c as OraclesAndLTTableHead
-};

package/dist/esm/components/composites/oracles-and-lt-table/oracles-and-lt-table.js

@@ -1,42 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk/common-utils";
-import "@gearbox-protocol/sdk";
-import { useIsMobile as n } from "../../../hooks/use-media-query.js";
-import { GridTable as m, GridTableHeader as p, GridTableBody as d } from "../../table/grid-table.js";
-import { OraclesAndLTLineView as c } from "./oracles-and-lt-line-view.js";
-import { OraclesAndLTTableHead as f } from "./oracles-and-lt-table-head.js";
-function A({
-  sdk: l,
-  explorerInfo: s,
-  rows: o
-}) {
-  const i = n();
-  return /* @__PURE__ */ a(
-    m,
-    {
-      cols: i ? "1fr" : "188px 1fr 66px",
-      gap: 0,
-      size: "sm",
-      wrapperClassName: "overflow-visible",
-      children: [
-        !i && /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(f, {}) }),
-        /* @__PURE__ */ r(d, { children: o.map((e, t) => /* @__PURE__ */ r(
-          c,
-          {
-            sdk: l,
-            explorerInfo: s,
-            token: e.token,
-            pool: e.pool,
-            lt: e.lt,
-            last: t === o.length - 1
-          },
-          ["token", e.token?.address].join("-")
-        )) })
-      ]
-    }
-  );
-}
-export {
-  A as OraclesAndLTTableView
-};

package/dist/esm/components/composites/oracles-and-lt-table/oracles-list.js

@@ -1,169 +0,0 @@
-import { jsxs as E, jsx as t } from "react/jsx-runtime";
-import { faChevronRight as p } from "@fortawesome/free-solid-svg-icons";
-import { FaIcon as l } from "../../icons/fa-icon.js";
-import { OracleComponent as c } from "./oracle-component.js";
-function m({ info: n, explorerInfo: a }) {
-  const s = n.underlying && n.underlying.length > 0;
-  return /* @__PURE__ */ E("div", { className: "flex items-center gap-2 flex-col-auto", children: [
-    /* @__PURE__ */ t(c, { info: n, explorerInfo: a }),
-    s && /* @__PURE__ */ t(
-      l,
-      {
-        icon: p,
-        className: "text-gray-50",
-        style: { width: "10px", height: "10px" }
-      }
-    ),
-    s && /* @__PURE__ */ t("div", { className: "grid gap-2", children: n.underlying?.map((r, e) => /* @__PURE__ */ t(
-      "div",
-      {
-        className: "flex-col-auto",
-        children: /* @__PURE__ */ t(m, { info: r, explorerInfo: a })
-      },
-      [
-        "underlying",
-        r.address,
-        r.name,
-        r.type,
-        r.address
-      ].join("-")
-    )) })
-  ] });
-}
-function d({
-  pfRef: n
-}) {
-  const a = n.priceFeed, s = a.underlyingPriceFeeds, r = a.priceFeedType;
-  switch (r) {
-    case "PRICE_FEED::EXTERNAL":
-      return {
-        type: r,
-        name: "External Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::ZERO":
-      return {
-        type: r,
-        name: "Zero Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::YEARN":
-      return {
-        type: r,
-        name: "Yearn Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::CURVE_CRYPTO":
-      return {
-        type: r,
-        name: "Curve Crypto LP Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::CURVE_STABLE":
-      return {
-        type: r,
-        name: "Curve Crypto Stable Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::CURVE_USD":
-      return {
-        type: r,
-        name: "Curve Crypto USD Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::WSTETH":
-      return {
-        type: r,
-        name: "wstETH Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::BALANCER_STABLE":
-      return {
-        type: r,
-        name: "Balancer Stable Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::BALANCER_WEIGHTED":
-      return {
-        type: r,
-        name: "Balancer Weighted Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::ERC4626":
-      return {
-        type: r,
-        name: "ERC4626 Vault Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::MELLOW_LRT":
-      return {
-        type: r,
-        name: "Mellow LRT Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::PENDLE_PT_TWAP":
-      return {
-        type: r,
-        name: "Pendle PT TWAP Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::PYTH":
-      return {
-        type: r,
-        name: "Pyth Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::REDSTONE":
-      return {
-        type: r,
-        name: "Redstone Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::BOUNDED":
-      return {
-        type: r,
-        name: "Bounded Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::COMPOSITE":
-      return {
-        type: r,
-        name: "Composite Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    case "PRICE_FEED::CONSTANT":
-      return {
-        type: r,
-        name: "Constant Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-    default:
-      return {
-        type: r,
-        name: "UNKNOWN Oracle",
-        address: a.address,
-        underlying: s.map((e) => d({ pfRef: e }))
-      };
-  }
-}
-export {
-  m as OraclesList,
-  d as getPriceFeedInfo
-};

package/dist/esm/components/composites/pool-credit-manager-info/index.js

@@ -1,7 +0,0 @@
-import { overflowContainerClassName as e, overflowWrapClassName as a } from "./overflow-layout.js";
-import { PoolCreditManagerInfo as l } from "./pool-credit-manager-info.js";
-export {
-  l as PoolCreditManagerInfo,
-  e as overflowContainerClassName,
-  a as overflowWrapClassName
-};

package/dist/esm/components/composites/pool-credit-manager-info/overflow-layout.js

@@ -1,5 +0,0 @@
-const l = "w-full overflow-x-hidden h-full min-h-0 max-h-full xs:overflow-x-visible xs:h-auto xs:max-h-none", o = "w-full overflow-hidden xs:overflow-visible";
-export {
-  l as overflowContainerClassName,
-  o as overflowWrapClassName
-};

package/dist/esm/components/composites/pool-credit-manager-info/pool-credit-manager-info.js

@@ -1,182 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { shortAddress as E, PERCENTAGE_DECIMALS as m, PERCENTAGE_FACTOR as v, toBigInt as y } from "@gearbox-protocol/sdk";
-import "react";
-import "@gearbox-protocol/sdk/common-utils";
-import { useIsMobile as N } from "../../../hooks/use-media-query.js";
-import { poolCreditManagerInfoTestIds as A } from "../../../test-ids/pool-credit-manager-info.js";
-import { percentageTemplate as s } from "../../../utils/format-money.js";
-import { CardGrid as f } from "../../card-grid/card-grid.js";
-import { CheckboxLabeled as P } from "../../checkbox/checkbox-labeled.js";
-import { ConfirmMenu as q } from "../../confirm-menu/confirm-menu.js";
-import { DialogModalContainer as F } from "../../dialog/dialog-modal-container.js";
-import { OverflowContainer as S } from "../../overflow-container/overflow-container.js";
-import { TableCellSm as n } from "../../table/table-sm.js";
-import { TextButton as w } from "../../text-button/text-button.js";
-import { TokenTemplate as l } from "../../token-template/token-template.js";
-import { FormattedMessageTyped as o } from "../../typed-intl/index.js";
-import { VSpace as d } from "../../vspace/vspace.js";
-import { WithCopy as j } from "../../with-copy/with-copy.js";
-import { overflowContainerClassName as B, overflowWrapClassName as G } from "./overflow-layout.js";
-function re({
-  creditManager: t,
-  tokensList: p,
-  underlyingTable: u,
-  onClose: a,
-  hideZeroQuota: c,
-  setHideZeroQuota: g
-}) {
-  const I = N(), i = p[t.underlyingToken], h = () => /* @__PURE__ */ e(
-    n,
-    {
-      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.title" }),
-      children: /* @__PURE__ */ e(
-        j,
-        {
-          toCopy: t.address,
-          trigger: "root",
-          tooltip: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.copy.tip" }),
-          children: /* @__PURE__ */ e(w, { color: "empty", children: I ? E(t.address) : t.address })
-        }
-      )
-    }
-  ), x = () => /* @__PURE__ */ e(
-    n,
-    {
-      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.minDebt" }),
-      children: /* @__PURE__ */ e(l, { value: t.minDebt, token: i })
-    }
-  ), C = () => /* @__PURE__ */ e(
-    n,
-    {
-      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.maxDebt" }),
-      children: /* @__PURE__ */ e(l, { value: t.maxDebt, token: i })
-    }
-  ), b = () => /* @__PURE__ */ e(
-    n,
-    {
-      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.liquidationFee" }),
-      children: s(
-        BigInt(t.feeLiquidation) * m
-      )
-    }
-  ), T = () => {
-    const D = (v - y(t.liquidationDiscount)) * m;
-    return /* @__PURE__ */ e(
-      n,
-      {
-        title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.liquidationPremium" }),
-        children: s(D)
-      }
-    );
-  }, k = () => /* @__PURE__ */ e(
-    n,
-    {
-      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.interestFee" }),
-      children: s(
-        BigInt(t.feeInterest) * m
-      )
-    }
-  ), L = () => /* @__PURE__ */ e(
-    n,
-    {
-      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.debtLimit" }),
-      children: /* @__PURE__ */ e(
-        l,
-        {
-          value: t.totalDebtLimit,
-          token: i
-        }
-      )
-    }
-  ), M = () => /* @__PURE__ */ e(
-    n,
-    {
-      title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.info.maxEnabledTokens" }),
-      children: t.maxEnabledTokensLength
-    }
-  );
-  return /* @__PURE__ */ r(
-    F,
-    {
-      dialog: {
-        padding: !0
-      },
-      show: !0,
-      onClickOutside: a,
-      children: [
-        /* @__PURE__ */ r("div", { className: "w-full", "data-testid": A.detail, children: [
-          /* @__PURE__ */ e(
-            q,
-            {
-              title: /* @__PURE__ */ e(o, { messageId: "components.creditManagerInfo.title" }),
-              onClose: a
-            }
-          ),
-          /* @__PURE__ */ e(d, { height: 32 })
-        ] }),
-        /* @__PURE__ */ r(
-          f,
-          {
-            gap: "sm",
-            justifyItemContent: "start",
-            columns: 1,
-            columnsLg: 1,
-            columnsMd: 1,
-            columnsSm: 1,
-            children: [
-              h(),
-              /* @__PURE__ */ r(
-                f,
-                {
-                  gap: "sm",
-                  justifyItemContent: "start",
-                  columns: 4,
-                  columnsLg: 3,
-                  columnsMd: 3,
-                  columnsSm: 2,
-                  children: [
-                    x(),
-                    C(),
-                    b(),
-                    T(),
-                    k(),
-                    L(),
-                    M()
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ e(d, { height: 32 }),
-        /* @__PURE__ */ e("div", { className: "flex items-center flex-col-12", children: /* @__PURE__ */ e(
-          P,
-          {
-            checked: c,
-            onChange: () => g(!c),
-            boxAlign: "center",
-            children: /* @__PURE__ */ e(o, { messageId: "dialogs.oraclesAndLTInfo.filter.hide0Quota" })
-          }
-        ) }),
-        /* @__PURE__ */ e(d, { height: 16 }),
-        /* @__PURE__ */ e(
-          S,
-          {
-            borderColor: "default",
-            className: G,
-            innerPadding: "0 8px",
-            maxHeight: "300px",
-            minHeight: "100px",
-            overflowContainerClassName: B,
-            outerPadding: "14px 12px 14px 0",
-            size: "default",
-            children: /* @__PURE__ */ e("div", { className: "pl-2 pr-2 flex-col-auto", children: u })
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  re as PoolCreditManagerInfo
-};

package/dist/esm/components/composites/pool-credit-managers-table/index.js

@@ -1,8 +0,0 @@
-import { PoolCreditManagersTable as r } from "./pool-credit-managers-table.js";
-import { PoolCreditManagersTableHead as l } from "./pool-credit-managers-table-head.js";
-import { PoolCreditManagersTableRow as d } from "./pool-credit-managers-table-row.js";
-export {
-  r as PoolCreditManagersTable,
-  l as PoolCreditManagersTableHead,
-  d as PoolCreditManagersTableRow
-};

package/dist/esm/components/composites/pool-credit-managers-table/pool-credit-managers-table-head.js

@@ -1,54 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import "react";
-import { getSortForField as r } from "../../../hooks/use-filter.js";
-import "@gearbox-protocol/sdk/common-utils";
-import "@gearbox-protocol/sdk";
-import { HeadCell as a } from "../../head-cell/head-cell.js";
-import { GridTableRow as d, GridTableHead as i } from "../../table/grid-table.js";
-import { useIntlTyped as p, FormattedMessageTyped as n } from "../../typed-intl/index.js";
-function I({
-  sort: m
-}) {
-  const s = p(), { state: t, set: o } = m;
-  return /* @__PURE__ */ l(d, { noHover: !0, height: "35px", children: [
-    /* @__PURE__ */ e(i, { justify: "start", size: "sm", className: "pl-4", children: /* @__PURE__ */ e(
-      a,
-      {
-        arrowPosition: "right",
-        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.head.name" }),
-        sortDirection: r("name", t),
-        sortField: s.formatMessage({
-          messageId: "components.poolAssetsTable.head.name"
-        }),
-        onSort: () => o("name")
-      }
-    ) }),
-    /* @__PURE__ */ e(i, { justify: "end", size: "sm", children: /* @__PURE__ */ e(
-      a,
-      {
-        arrowPosition: "left",
-        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.head.currentDebt" }),
-        sortDirection: r("currentDebt", t),
-        sortField: s.formatMessage({
-          messageId: "components.poolAssetsTable.head.currentDebt"
-        }),
-        onSort: () => o("currentDebt", "desc")
-      }
-    ) }),
-    /* @__PURE__ */ e(i, { justify: "end", size: "sm", className: "pr-4", children: /* @__PURE__ */ e(
-      a,
-      {
-        arrowPosition: "left",
-        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.head.assets" }),
-        sortDirection: r("assets", t),
-        sortField: s.formatMessage({
-          messageId: "components.poolAssetsTable.head.assets"
-        }),
-        onSort: () => o("assets", "desc")
-      }
-    ) })
-  ] });
-}
-export {
-  I as PoolCreditManagersTableHead
-};