@gearbox-protocol/ui-kit 3.6.0-next.2 → 3.6.0

package/dist/esm/components/PoolCreditManagersTable/index.js

@@ -1,45 +0,0 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk/common-utils";
-import "@gearbox-protocol/sdk";
-import { useIsMobile as d } from "../../hooks/use-media-query.js";
-import { GridTable as f, GridTableHeader as n, GridTableBody as b } from "../table/grid-table.js";
-import { PoolCreditManagersLineView as T } from "./PoolCreditManagersLine.js";
-import { TableHead as c } from "./TableHead.js";
-import { PoolCreditManagersTableTest as S } from "./constants.js";
-function v({
-  handleSelectCM: i,
-  rows: e,
-  sort: l,
-  underlyingToken: s
-}) {
-  const a = d() ? "1fr 120px 0.75fr" : "2fr 1fr 1fr";
-  return /* @__PURE__ */ p(
-    f,
-    {
-      cols: a,
-      gap: 0,
-      size: "lg",
-      wrapperClassName: "overflow-visible",
-      children: [
-        /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(c, { sort: l }) }),
-        /* @__PURE__ */ r(b, { children: e.map(({ creditManager: o, totalDebtMoney: m }, t) => /* @__PURE__ */ r(
-          T,
-          {
-            creditManager: o,
-            last: t === e.length - 1,
-            onClick: i(o),
-            totalDebtMoney: m,
-            underlyingToken: s
-          },
-          o.address
-        )) })
-      ]
-    }
-  );
-}
-export {
-  T as PoolCreditManagersLineView,
-  S as PoolCreditManagersTableTest,
-  v as PoolCreditManagersTableView
-};

package/dist/esm/components/PoolCreditManagersTable/types.js

@@ -1 +0,0 @@
-

package/dist/esm/components/PoolsAssetsTable/PoolAssetsLine.js

@@ -1,107 +0,0 @@
-import { jsx as e, jsxs as t, Fragment as L } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk/common-utils";
-import "@gearbox-protocol/sdk";
-import { useIsMobile as N, useIsDesktop as S } from "../../hooks/use-media-query.js";
-import "clsx";
-import "tailwind-merge";
-import "sonner";
-import { percentageTemplate as A } from "../../utils/format-money.js";
-import "luxon";
-import "../../utils/z-index.js";
-import { Description as k } from "../description/description.js";
-import { ShortString as c } from "../short-string/short-string.js";
-import { GridTableRow as w, GridTableCell as s } from "../table/grid-table.js";
-import { TableLineSm as y, TableCellSm as p } from "../table/table-sm.js";
-import { TokenSymbol as z } from "../token-symbol/token-symbol.js";
-import { TokenTemplate as d } from "../token-template/token-template.js";
-import { FormattedMessageTyped as o } from "../typed-intl/index.js";
-function O({
-  poolName: h,
-  token: l,
-  currentQuota: g,
-  underlyingToken: r,
-  last: u
-}) {
-  const { limit: f, totalQuoted: x, rate: T } = g, i = N(), b = S() ? 21 : i ? 40 : 16, m = () => /* @__PURE__ */ t("div", { className: "flex items-center flex-col-auto", children: [
-    /* @__PURE__ */ e(z, { token: l, size: 32 }),
-    /* @__PURE__ */ t("span", { className: "ml-1.5 md:ml-2.5 text-left", children: [
-      /* @__PURE__ */ e(c, { maxLength: b, children: l?.title }),
-      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(c, { maxLength: 20, children: h }) })
-    ] })
-  ] }), a = () => A(T), n = () => /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(
-    o,
-    {
-      messageId: "components.poolAssetsTable.usage",
-      values: {
-        amount: /* @__PURE__ */ e(
-          d,
-          {
-            value: x,
-            token: r,
-            decimalPartLength: 2,
-            precision: 2,
-            showSymbol: !1
-          },
-          "pool-assets-line-usage-amount"
-        ),
-        total: /* @__PURE__ */ e(
-          d,
-          {
-            value: f,
-            token: r,
-            decimalPartLength: 2,
-            precision: 2,
-            showSymbol: !1
-          },
-          "pool-assets-line-usage-total"
-        )
-      }
-    }
-  ) });
-  return /* @__PURE__ */ e(
-    w,
-    {
-      last: u,
-      height: "auto",
-      className: "cursor-default",
-      onRowClick: () => {
-      },
-      style: {
-        minHeight: "75px"
-      },
-      children: i ? /* @__PURE__ */ e(s, { span: "full", size: "sm", className: "px-3 py-0!", children: /* @__PURE__ */ t(
-        y,
-        {
-          columns: 2,
-          columnsXs: 2,
-          title: m(),
-          className: "w-full",
-          children: [
-            /* @__PURE__ */ e(
-              p,
-              {
-                title: /* @__PURE__ */ e(o, { messageId: "components.poolAssetsTable.rate" }),
-                children: a()
-              }
-            ),
-            /* @__PURE__ */ e(
-              p,
-              {
-                title: /* @__PURE__ */ e(o, { messageId: "components.poolAssetsTable.limits" }),
-                children: n()
-              }
-            )
-          ]
-        }
-      ) }) : /* @__PURE__ */ t(L, { children: [
-        /* @__PURE__ */ e(s, { textAlign: "left", className: "pl-4", size: "sm", children: m() }),
-        /* @__PURE__ */ e(s, { textAlign: "right", size: "sm", children: a() }),
-        /* @__PURE__ */ e(s, { textAlign: "right", className: "pr-4", size: "sm", children: n() })
-      ] })
-    }
-  );
-}
-export {
-  O as PoolAssetsLine
-};

package/dist/esm/components/PoolsAssetsTable/TableHead.js

@@ -1,52 +0,0 @@
-import { jsxs as c, 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 g, GridTableHead as i } from "../table/grid-table.js";
-import { useIntlTyped as f, FormattedMessageTyped as n } from "../typed-intl/index.js";
-function j({ sort: l }) {
-  const s = f(), { state: t, set: o } = l, m = () => o("usage", "desc"), d = () => o("rate", "desc"), p = () => o("name", "desc");
-  return /* @__PURE__ */ c(g, { 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.asset" }),
-        sortDirection: r("name", t),
-        sortField: s.formatMessage({
-          messageId: "components.poolAssetsTable.asset"
-        }),
-        onSort: p
-      }
-    ) }),
-    /* @__PURE__ */ e(i, { justify: "end", size: "sm", children: /* @__PURE__ */ e(
-      a,
-      {
-        arrowPosition: "left",
-        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.rate" }),
-        sortDirection: r("rate", t),
-        sortField: s.formatMessage({
-          messageId: "components.poolAssetsTable.rate"
-        }),
-        onSort: d
-      }
-    ) }),
-    /* @__PURE__ */ e(i, { justify: "end", size: "sm", className: "pr-4", children: /* @__PURE__ */ e(
-      a,
-      {
-        arrowPosition: "left",
-        title: /* @__PURE__ */ e(n, { messageId: "components.poolAssetsTable.limits" }),
-        sortDirection: r("usage", t),
-        sortField: s.formatMessage({
-          messageId: "components.poolAssetsTable.limits"
-        }),
-        onSort: m
-      }
-    ) })
-  ] });
-}
-export {
-  j as TableHead
-};

package/dist/esm/components/PoolsAssetsTable/index.js

@@ -1,43 +0,0 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk/common-utils";
-import "@gearbox-protocol/sdk";
-import { useIsMobile as p } from "../../hooks/use-media-query.js";
-import { GridTable as d, GridTableHeader as f, GridTableBody as c } from "../table/grid-table.js";
-import { PoolAssetsLine as b } from "./PoolAssetsLine.js";
-import { TableHead as g } from "./TableHead.js";
-function v({
-  list: e,
-  poolName: l,
-  sort: s,
-  tokensList: t,
-  underlyingToken: m
-}) {
-  const i = p();
-  return /* @__PURE__ */ n(
-    d,
-    {
-      cols: i ? "1fr" : "1fr 180px 1fr",
-      gap: 0,
-      size: "lg",
-      wrapperClassName: "overflow-visible",
-      children: [
-        !i && /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(g, { sort: s }) }),
-        /* @__PURE__ */ r(c, { children: e.map((o, a) => /* @__PURE__ */ r(
-          b,
-          {
-            poolName: l,
-            currentQuota: o,
-            token: t[o.token],
-            underlyingToken: m,
-            last: a === e.length - 1
-          },
-          o.token
-        )) })
-      ]
-    }
-  );
-}
-export {
-  v as PoolAssetsTableView
-};

package/dist/esm/components/PoolsAssetsTable/types.js

@@ -1 +0,0 @@
-

package/dist/types/components/PoolCreditManagersTable/PoolCreditManagersLine.d.ts

@@ -1,11 +0,0 @@
-import { TokenData } from '@gearbox-protocol/sdk/common-utils';
-import { default as React } from 'react';
-import { PoolCreditManagerTableRow } from './types';
-export interface PoolCreditManagersLineViewProps {
-    readonly creditManager: PoolCreditManagerTableRow;
-    readonly last: boolean;
-    readonly onClick: () => void;
-    readonly totalDebtMoney: bigint;
-    readonly underlyingToken: TokenData | undefined;
-}
-export declare function PoolCreditManagersLineView({ creditManager, last, onClick, totalDebtMoney, underlyingToken, }: PoolCreditManagersLineViewProps): React.ReactElement | null;

package/dist/types/components/PoolCreditManagersTable/TableHead.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { PoolCreditManagerTableSort } from './types';
-interface TableHeadProps {
-    sort: PoolCreditManagerTableSort;
-}
-export declare function TableHead({ sort }: TableHeadProps): React.ReactElement;
-export {};

package/dist/types/components/PoolCreditManagersTable/constants.d.ts

@@ -1,4 +0,0 @@
-export declare class PoolCreditManagersTableTest {
-    static creditManagerLine: string;
-    static creditManagerDetail: string;
-}

package/dist/types/components/PoolCreditManagersTable/index.d.ts

@@ -1,14 +0,0 @@
-import { TokenData } from '@gearbox-protocol/sdk/common-utils';
-import { default as React } from 'react';
-import { PoolCreditManagersTableRowModel, PoolCreditManagerTableRow, PoolCreditManagerTableSort } from './types';
-export { PoolCreditManagersTableTest } from './constants';
-export type { PoolCreditManagersLineViewProps } from './PoolCreditManagersLine';
-export { PoolCreditManagersLineView } from './PoolCreditManagersLine';
-export type { PoolCreditManagerSortFields, PoolCreditManagersFilterState, PoolCreditManagersTableRowModel, PoolCreditManagerTableRow, PoolCreditManagerTableSort, } from './types';
-export interface PoolCreditManagersTableViewProps<TRow extends PoolCreditManagerTableRow = PoolCreditManagerTableRow> {
-    readonly handleSelectCM: (cm: TRow) => () => void;
-    readonly rows: ReadonlyArray<PoolCreditManagersTableRowModel<TRow>>;
-    readonly sort: PoolCreditManagerTableSort;
-    readonly underlyingToken: TokenData | undefined;
-}
-export declare function PoolCreditManagersTableView<TRow extends PoolCreditManagerTableRow = PoolCreditManagerTableRow>({ handleSelectCM, rows, sort, underlyingToken, }: PoolCreditManagersTableViewProps<TRow>): React.ReactElement | null;

package/dist/types/components/PoolCreditManagersTable/types.d.ts

@@ -1,22 +0,0 @@
-import { Address } from 'viem';
-import { SortField, SortSetterFunction } from '../../hooks';
-export type PoolCreditManagerSortFields = "name" | "currentDebt" | "assets";
-export interface PoolCreditManagerTableSort {
-    readonly state: SortField<PoolCreditManagerSortFields> | null;
-    readonly set: SortSetterFunction<PoolCreditManagerSortFields>;
-}
-export interface PoolCreditManagersFilterState {
-    readonly sort: PoolCreditManagerTableSort;
-}
-/** Fields used by PoolCreditManagersLineView (compatible with CreditManagerData_Legacy) */
-export interface PoolCreditManagerTableRow {
-    readonly address: Address;
-    readonly name: string;
-    readonly totalDebt: bigint;
-    readonly collateralTokens: readonly unknown[];
-    readonly underlyingToken: Address;
-}
-export interface PoolCreditManagersTableRowModel<TRow extends PoolCreditManagerTableRow = PoolCreditManagerTableRow> {
-    readonly creditManager: TRow;
-    readonly totalDebtMoney: bigint;
-}

package/dist/types/components/PoolsAssetsTable/PoolAssetsLine.d.ts

@@ -1,12 +0,0 @@
-import { TokenData } from '@gearbox-protocol/sdk/common-utils';
-import { default as React } from 'react';
-import { PoolAssetsTableQuotaRow } from './types';
-interface PoolAssetsLineProps {
-    poolName: string;
-    token: TokenData;
-    currentQuota: PoolAssetsTableQuotaRow;
-    underlyingToken: TokenData;
-    last: boolean;
-}
-export declare function PoolAssetsLine({ poolName, token, currentQuota, underlyingToken, last, }: PoolAssetsLineProps): React.ReactElement;
-export {};

package/dist/types/components/PoolsAssetsTable/TableHead.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { PoolAssetsTableSort } from './types';
-interface TableHeadProps {
-    sort: PoolAssetsTableSort;
-}
-export declare function TableHead({ sort }: TableHeadProps): React.ReactElement;
-export {};

package/dist/types/components/PoolsAssetsTable/index.d.ts

@@ -1,13 +0,0 @@
-import { TokenData } from '@gearbox-protocol/sdk/common-utils';
-import { default as React } from 'react';
-import { Address } from 'viem';
-import { PoolAssetsTableQuotaRow, PoolAssetsTableSort } from './types';
-export type { PoolAssetsFilterState, PoolAssetsSortFields, PoolAssetsTableQuotaRow, PoolAssetsTableSort, } from './types';
-export interface PoolAssetsTableViewProps {
-    readonly list: ReadonlyArray<PoolAssetsTableQuotaRow>;
-    readonly poolName: string;
-    readonly sort: PoolAssetsTableSort;
-    readonly tokensList: Record<Address, TokenData>;
-    readonly underlyingToken: TokenData;
-}
-export declare function PoolAssetsTableView({ list, poolName, sort, tokensList, underlyingToken, }: PoolAssetsTableViewProps): React.ReactElement | null;

package/dist/types/components/PoolsAssetsTable/types.d.ts

@@ -1,17 +0,0 @@
-import { Address } from 'viem';
-import { SortField, SortSetterFunction } from '../../hooks';
-export type PoolAssetsSortFields = "name" | "rate" | "usage";
-export interface PoolAssetsTableSort {
-    readonly state: SortField<PoolAssetsSortFields> | null;
-    readonly set: SortSetterFunction<PoolAssetsSortFields>;
-}
-export interface PoolAssetsFilterState {
-    readonly sort: PoolAssetsTableSort;
-}
-/** Quota fields used by PoolAssetsLine (compatible with sdk QuotaInfo) */
-export interface PoolAssetsTableQuotaRow {
-    readonly token: Address;
-    readonly limit: bigint;
-    readonly totalQuoted: bigint;
-    readonly rate: bigint;
-}