@gearbox-protocol/ui-kit 3.6.0-next.3 → 3.7.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/assets-list-cell/assets-list-cell.cjs +1 -1
- package/dist/cjs/components/block-sync/block-sync.cjs +1 -1
- package/dist/cjs/components/checkbox/checkbox-labeled.cjs +1 -1
- package/dist/cjs/components/client-adapters/styled-rounded-image/styled-rounded-image.cjs +1 -1
- package/dist/cjs/components/complex-input/complex-input.cjs +1 -1
- package/dist/cjs/components/composites/index.cjs +1 -1
- package/dist/cjs/components/composites/pool-assets-table/pool-assets-table-head.cjs +1 -0
- package/dist/cjs/components/composites/pool-assets-table/pool-assets-table-row.cjs +1 -0
- package/dist/cjs/components/composites/pool-assets-table/pool-assets-table.cjs +1 -0
- package/dist/cjs/components/composites/pool-credit-manager-info/index.cjs +1 -0
- package/dist/cjs/components/composites/pool-credit-manager-info/overflow-layout.cjs +1 -0
- package/dist/cjs/components/composites/pool-credit-manager-info/pool-credit-manager-info.cjs +1 -0
- package/dist/cjs/components/composites/pool-credit-manager-info/test-ids.cjs +1 -0
- package/dist/cjs/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/index.cjs +1 -1
- package/dist/cjs/components/composites/pool-credit-managers-table/pool-credit-managers-table-head.cjs +1 -0
- package/dist/cjs/components/composites/pool-credit-managers-table/pool-credit-managers-table-row.cjs +1 -0
- package/dist/cjs/components/composites/pool-credit-managers-table/pool-credit-managers-table.cjs +1 -0
- package/dist/cjs/components/composites/pool-credit-managers-table/types.cjs +1 -0
- package/dist/cjs/components/composites/pool-table/columns.cjs +1 -1
- package/dist/cjs/components/compound-apy/compound-apy.cjs +1 -1
- package/dist/cjs/components/detailed-page-title/detailed-page-title.cjs +1 -1
- package/dist/cjs/components/graph/graph-view.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/components/markdown-viewer/markdown-viewer.cjs +1 -1
- package/dist/cjs/components/time-to-liquidation/time-to-liquidation.cjs +1 -1
- package/dist/cjs/components/tokens-list-cell/tokens-list-cell.cjs +1 -1
- package/dist/cjs/components/with-copy/with-copy.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/locale/en.json.cjs +1 -1
- package/dist/esm/components/assets-list-cell/assets-list-cell.js +8 -8
- package/dist/esm/components/block-sync/block-sync.js +8 -8
- package/dist/esm/components/checkbox/checkbox-labeled.js +8 -8
- package/dist/esm/components/client-adapters/styled-rounded-image/styled-rounded-image.js +8 -8
- package/dist/esm/components/complex-input/complex-input.js +9 -9
- package/dist/esm/components/composites/index.js +33 -12
- package/dist/esm/components/{pool-assets-table → composites/pool-assets-table}/pool-assets-table-head.js +4 -4
- package/dist/esm/components/{pool-assets-table → composites/pool-assets-table}/pool-assets-table-row.js +10 -10
- package/dist/esm/components/{pool-assets-table → composites/pool-assets-table}/pool-assets-table.js +2 -2
- package/dist/esm/components/composites/pool-credit-manager-info/index.js +9 -0
- package/dist/esm/components/composites/pool-credit-manager-info/overflow-layout.js +5 -0
- package/dist/esm/components/composites/pool-credit-manager-info/pool-credit-manager-info.js +187 -0
- package/dist/esm/components/composites/pool-credit-manager-info/test-ids.js +6 -0
- package/dist/esm/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table-head.js +4 -4
- package/dist/esm/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table-row.js +7 -7
- package/dist/esm/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table.js +2 -2
- package/dist/esm/components/composites/pool-credit-managers-table/types.js +1 -0
- package/dist/esm/components/composites/pool-table/columns.js +175 -128
- package/dist/esm/components/compound-apy/compound-apy.js +7 -7
- package/dist/esm/components/detailed-page-title/detailed-page-title.js +8 -8
- package/dist/esm/components/graph/graph-view.js +38 -38
- package/dist/esm/components/index.js +616 -609
- package/dist/esm/components/markdown-viewer/markdown-viewer.js +8 -8
- package/dist/esm/components/time-to-liquidation/time-to-liquidation.js +8 -8
- package/dist/esm/components/tokens-list-cell/tokens-list-cell.js +8 -8
- package/dist/esm/components/with-copy/with-copy.js +8 -8
- package/dist/esm/index.js +807 -800
- package/dist/esm/locale/en.json.js +37 -3
- package/dist/globals.css +1 -1
- package/dist/types/components/composites/index.d.ts +3 -0
- package/dist/types/components/{pool-assets-table → composites/pool-assets-table}/pool-assets-table-head.d.ts +4 -0
- package/dist/types/components/{pool-assets-table → composites/pool-assets-table}/pool-assets-table-row.d.ts +4 -0
- package/dist/types/components/{pool-assets-table → composites/pool-assets-table}/pool-assets-table.d.ts +12 -0
- package/dist/types/components/{pool-assets-table → composites/pool-assets-table}/types.d.ts +10 -3
- package/dist/types/components/composites/pool-credit-manager-info/index.d.ts +6 -0
- package/dist/types/components/composites/pool-credit-manager-info/overflow-layout.d.ts +4 -0
- package/dist/types/components/composites/pool-credit-manager-info/pool-credit-manager-info.d.ts +20 -0
- package/dist/types/components/composites/pool-credit-manager-info/test-ids.d.ts +4 -0
- package/dist/types/components/composites/pool-credit-manager-info/types.d.ts +16 -0
- package/dist/types/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table-head.d.ts +4 -0
- package/dist/types/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table-row.d.ts +5 -0
- package/dist/types/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table.d.ts +11 -0
- package/dist/types/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table.test-ids.d.ts +3 -1
- package/dist/types/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/types.d.ts +13 -4
- package/dist/types/components/composites/pool-table/columns.d.ts +18 -18
- package/dist/types/components/index.d.ts +0 -2
- package/dist/types/index.d.ts +0 -2
- package/dist/types/locale/en.json.d.ts +38 -1
- package/package.json +1 -1
- package/dist/cjs/components/pool-assets-table/pool-assets-table-head.cjs +0 -1
- package/dist/cjs/components/pool-assets-table/pool-assets-table-row.cjs +0 -1
- package/dist/cjs/components/pool-assets-table/pool-assets-table.cjs +0 -1
- package/dist/cjs/components/pool-credit-managers-table/pool-credit-managers-table-head.cjs +0 -1
- package/dist/cjs/components/pool-credit-managers-table/pool-credit-managers-table-row.cjs +0 -1
- package/dist/cjs/components/pool-credit-managers-table/pool-credit-managers-table.cjs +0 -1
- /package/dist/cjs/components/{pool-assets-table → composites/pool-assets-table}/index.cjs +0 -0
- /package/dist/cjs/components/{pool-assets-table → composites/pool-assets-table}/types.cjs +0 -0
- /package/dist/cjs/components/{pool-credit-managers-table → composites/pool-credit-manager-info}/types.cjs +0 -0
- /package/dist/cjs/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table.test-ids.cjs +0 -0
- /package/dist/esm/components/{pool-assets-table → composites/pool-assets-table}/index.js +0 -0
- /package/dist/esm/components/{pool-assets-table → composites/pool-assets-table}/types.js +0 -0
- /package/dist/esm/components/{pool-credit-managers-table → composites/pool-credit-manager-info}/types.js +0 -0
- /package/dist/esm/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/index.js +0 -0
- /package/dist/esm/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/pool-credit-managers-table.test-ids.js +0 -0
- /package/dist/types/components/{pool-assets-table → composites/pool-assets-table}/index.d.ts +0 -0
- /package/dist/types/components/{pool-credit-managers-table → composites/pool-credit-managers-table}/index.d.ts +0 -0
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { PoolAssetsTableSort } from './types';
|
|
3
|
+
/** Props for {@link PoolAssetsTableHead}. */
|
|
3
4
|
export interface PoolAssetsTableHeadProps {
|
|
4
5
|
readonly sort: PoolAssetsTableSort;
|
|
5
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* Header row: sortable Asset, Rate, and Limits columns (`components.poolAssetsTable.*` locale keys).
|
|
9
|
+
*/
|
|
6
10
|
export declare function PoolAssetsTableHead({ sort, }: PoolAssetsTableHeadProps): React.ReactElement;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { TokenData } from '@gearbox-protocol/sdk/common-utils';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
import { PoolAssetsTableQuotaRow } from './types';
|
|
4
|
+
/** Props for {@link PoolAssetsTableRow}. */
|
|
4
5
|
export interface PoolAssetsTableRowProps {
|
|
5
6
|
readonly poolName: string;
|
|
6
7
|
readonly token: TokenData;
|
|
@@ -8,4 +9,7 @@ export interface PoolAssetsTableRowProps {
|
|
|
8
9
|
readonly underlyingToken: TokenData;
|
|
9
10
|
readonly last: boolean;
|
|
10
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Single data row: token + pool name, `percentageTemplate` rate, and formatted usage vs limit.
|
|
14
|
+
*/
|
|
11
15
|
export declare function PoolAssetsTableRow({ poolName, token, currentQuota, underlyingToken, last, }: PoolAssetsTableRowProps): React.ReactElement;
|
|
@@ -2,11 +2,23 @@ import { TokenData } from '@gearbox-protocol/sdk/common-utils';
|
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
import { Address } from 'viem';
|
|
4
4
|
import { PoolAssetsTableQuotaRow, PoolAssetsTableSort } from './types';
|
|
5
|
+
/**
|
|
6
|
+
* Props for {@link PoolAssetsTable}.
|
|
7
|
+
*/
|
|
5
8
|
export interface PoolAssetsTableProps {
|
|
9
|
+
/** Quota rows to render (one per asset). */
|
|
6
10
|
readonly list: ReadonlyArray<PoolAssetsTableQuotaRow>;
|
|
11
|
+
/** Pool name shown under the asset title. */
|
|
7
12
|
readonly poolName: string;
|
|
8
13
|
readonly sort: PoolAssetsTableSort;
|
|
14
|
+
/** Token metadata keyed by token address (must include every `quota.token`). */
|
|
9
15
|
readonly tokensList: Record<Address, TokenData>;
|
|
16
|
+
/** Underlying asset used for `TokenTemplate` amounts in the usage column. */
|
|
10
17
|
readonly underlyingToken: TokenData;
|
|
11
18
|
}
|
|
19
|
+
/**
|
|
20
|
+
* Grid table of pool asset quotas: asset / effective rate / limits usage.
|
|
21
|
+
* On viewports below the mobile breakpoint the header is hidden and each row
|
|
22
|
+
* uses the compact `TableLineSm` layout.
|
|
23
|
+
*/
|
|
12
24
|
export declare function PoolAssetsTable({ list, poolName, sort, tokensList, underlyingToken, }: PoolAssetsTableProps): React.ReactElement | null;
|
|
@@ -1,15 +1,22 @@
|
|
|
1
1
|
import { Address } from 'viem';
|
|
2
|
-
import { SortField, SortSetterFunction } from '
|
|
2
|
+
import { SortField, SortSetterFunction } from '../../../hooks';
|
|
3
|
+
/** Column identifiers used by the pool assets table header sort controls. */
|
|
3
4
|
export type PoolAssetsSortFields = "name" | "rate" | "usage";
|
|
4
|
-
/**
|
|
5
|
+
/**
|
|
6
|
+
* Sort state + setter wired to `HeadCell` / `useSort` (same pattern as `PoolTable`).
|
|
7
|
+
*/
|
|
5
8
|
export interface PoolAssetsTableSort {
|
|
6
9
|
readonly state: SortField<PoolAssetsSortFields> | null;
|
|
7
10
|
readonly set: SortSetterFunction<PoolAssetsSortFields>;
|
|
8
11
|
}
|
|
12
|
+
/** Optional filter/sort bundle for screens that embed this table. */
|
|
9
13
|
export interface PoolAssetsFilterState {
|
|
10
14
|
readonly sort: PoolAssetsTableSort;
|
|
11
15
|
}
|
|
12
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* One asset line: quota limit, usage, and borrow rate.
|
|
18
|
+
* Shape aligns with Gearbox SDK quota / QuotaInfo-style data.
|
|
19
|
+
*/
|
|
13
20
|
export interface PoolAssetsTableQuotaRow {
|
|
14
21
|
readonly token: Address;
|
|
15
22
|
readonly limit: bigint;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/** Outer scroll area for the embedded oracles / LT table (responsive overflow). */
|
|
2
|
+
export declare const overflowContainerClassName = "w-full overflow-x-hidden h-full min-h-0 max-h-full xs:overflow-x-visible xs:h-auto xs:max-h-none";
|
|
3
|
+
/** Wrapper clipping before `xs` breakpoint. */
|
|
4
|
+
export declare const overflowWrapClassName = "w-full overflow-hidden xs:overflow-visible";
|
package/dist/types/components/composites/pool-credit-manager-info/pool-credit-manager-info.d.ts
ADDED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { TokenData } from '@gearbox-protocol/sdk/common-utils';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
import { Address } from 'viem';
|
|
4
|
+
import { PoolCreditManagerInfoModel } from './types';
|
|
5
|
+
/** Props for `PoolCreditManagerInfo`. */
|
|
6
|
+
export interface PoolCreditManagerInfoProps {
|
|
7
|
+
readonly tokensList: Record<Address, TokenData>;
|
|
8
|
+
readonly creditManager: PoolCreditManagerInfoModel;
|
|
9
|
+
/** Oracles / LT table (or any scrollable body) rendered below the metrics grid. */
|
|
10
|
+
readonly underlyingTable: React.ReactNode;
|
|
11
|
+
readonly onClose: () => void;
|
|
12
|
+
/** When true, filters out zero-quota rows in the child table (consumer-controlled). */
|
|
13
|
+
readonly hideZeroQuota: boolean;
|
|
14
|
+
readonly setHideZeroQuota: (hide: boolean) => void;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Modal dialog summarizing a credit manager (fees, debt bounds, limits) and hosting
|
|
18
|
+
* a scrollable oracles / LT table with an optional “hide zero quota” toggle.
|
|
19
|
+
*/
|
|
20
|
+
export declare function PoolCreditManagerInfo({ creditManager, tokensList, underlyingTable, onClose, hideZeroQuota, setHideZeroQuota, }: PoolCreditManagerInfoProps): React.ReactElement;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Address } from 'viem';
|
|
2
|
+
/**
|
|
3
|
+
* Credit manager parameters for the pool credit manager info dialog.
|
|
4
|
+
* Percentage-related fields follow SDK / `percentageTemplate` scaling (e.g. × `PERCENTAGE_DECIMALS`).
|
|
5
|
+
*/
|
|
6
|
+
export interface PoolCreditManagerInfoModel {
|
|
7
|
+
readonly address: Address;
|
|
8
|
+
readonly minDebt: bigint;
|
|
9
|
+
readonly maxDebt: bigint;
|
|
10
|
+
readonly totalDebtLimit: bigint;
|
|
11
|
+
readonly maxEnabledTokensLength: number;
|
|
12
|
+
readonly underlyingToken: Address;
|
|
13
|
+
readonly feeLiquidation: number;
|
|
14
|
+
readonly liquidationDiscount: number;
|
|
15
|
+
readonly feeInterest: number;
|
|
16
|
+
}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { PoolCreditManagersTableSort } from './types';
|
|
3
|
+
/** Props for {@link PoolCreditManagersTableHead}. */
|
|
3
4
|
export interface PoolCreditManagersTableHeadProps {
|
|
4
5
|
readonly sort: PoolCreditManagersTableSort;
|
|
5
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* Sortable header: credit manager name, current debt, asset / LT column.
|
|
9
|
+
*/
|
|
6
10
|
export declare function PoolCreditManagersTableHead({ sort, }: PoolCreditManagersTableHeadProps): React.ReactElement;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { TokenData } from '@gearbox-protocol/sdk/common-utils';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
import { PoolCreditManagerRow } from './types';
|
|
4
|
+
/** Props for {@link PoolCreditManagersTableRow}. */
|
|
4
5
|
export interface PoolCreditManagersTableRowProps {
|
|
5
6
|
readonly creditManager: PoolCreditManagerRow;
|
|
6
7
|
readonly last: boolean;
|
|
@@ -8,4 +9,8 @@ export interface PoolCreditManagersTableRowProps {
|
|
|
8
9
|
readonly totalDebtMoney: bigint;
|
|
9
10
|
readonly underlyingToken: TokenData | undefined;
|
|
10
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* One clickable row: `VerticalIndicator` for name/address, debt + `formatMoney` subtitle,
|
|
14
|
+
* and localized collateral count (`components.poolCreditManagersTable.assets`).
|
|
15
|
+
*/
|
|
11
16
|
export declare function PoolCreditManagersTableRow({ creditManager, last, onClick, totalDebtMoney, underlyingToken, }: PoolCreditManagersTableRowProps): React.ReactElement | null;
|
|
@@ -1,10 +1,21 @@
|
|
|
1
1
|
import { TokenData } from '@gearbox-protocol/sdk/common-utils';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
import { PoolCreditManagerRow, PoolCreditManagersTableRowDto, PoolCreditManagersTableSort } from './types';
|
|
4
|
+
/**
|
|
5
|
+
* Props for {@link PoolCreditManagersTable}.
|
|
6
|
+
*
|
|
7
|
+
* @typeParam TRow - Concrete credit manager row type when extending {@link PoolCreditManagerRow}.
|
|
8
|
+
*/
|
|
4
9
|
export interface PoolCreditManagersTableProps<TRow extends PoolCreditManagerRow = PoolCreditManagerRow> {
|
|
10
|
+
/** Returns a click handler for a given manager (row `onRowClick`). */
|
|
5
11
|
readonly handleSelectCM: (cm: TRow) => () => void;
|
|
6
12
|
readonly rows: ReadonlyArray<PoolCreditManagersTableRowDto<TRow>>;
|
|
7
13
|
readonly sort: PoolCreditManagersTableSort;
|
|
14
|
+
/** Passed to `TokenTemplate` for the debt column; may be undefined if not loaded. */
|
|
8
15
|
readonly underlyingToken: TokenData | undefined;
|
|
9
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* Grid table listing credit managers: name, total debt (+ USD), collateral count.
|
|
19
|
+
* Header labels reuse `components.poolAssetsTable.head.*` locale keys (shared copy with pool UI).
|
|
20
|
+
*/
|
|
10
21
|
export declare function PoolCreditManagersTable<TRow extends PoolCreditManagerRow = PoolCreditManagerRow>({ handleSelectCM, rows, sort, underlyingToken, }: PoolCreditManagersTableProps<TRow>): React.ReactElement | null;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
/**
|
|
1
|
+
/**
|
|
2
|
+
* Stable `data-testid` strings for automation (see `PoolCreditManagersTableRow`).
|
|
3
|
+
*/
|
|
2
4
|
export declare const poolCreditManagersTableTestIds: {
|
|
3
5
|
readonly creditManagerLine: "pool-credit-managers-line";
|
|
4
6
|
};
|
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
import { Address } from 'viem';
|
|
2
|
-
import { SortField, SortSetterFunction } from '
|
|
2
|
+
import { SortField, SortSetterFunction } from '../../../hooks';
|
|
3
|
+
/** Column identifiers for credit manager table sorting. */
|
|
3
4
|
export type PoolCreditManagersSortFields = "name" | "currentDebt" | "assets";
|
|
4
|
-
/**
|
|
5
|
+
/**
|
|
6
|
+
* Sort state + setter for the credit managers table header (`HeadCell` / `useSort`).
|
|
7
|
+
*/
|
|
5
8
|
export interface PoolCreditManagersTableSort {
|
|
6
9
|
readonly state: SortField<PoolCreditManagersSortFields> | null;
|
|
7
10
|
readonly set: SortSetterFunction<PoolCreditManagersSortFields>;
|
|
8
11
|
}
|
|
12
|
+
/** Optional filter/sort bundle for parent screens. */
|
|
9
13
|
export interface PoolCreditManagersFilterState {
|
|
10
14
|
readonly sort: PoolCreditManagersTableSort;
|
|
11
15
|
}
|
|
12
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* Core credit manager fields for one row (legacy-compatible credit manager DTO).
|
|
18
|
+
*/
|
|
13
19
|
export interface PoolCreditManagerRow {
|
|
14
20
|
readonly address: Address;
|
|
15
21
|
readonly name: string;
|
|
@@ -17,7 +23,10 @@ export interface PoolCreditManagerRow {
|
|
|
17
23
|
readonly collateralTokens: readonly unknown[];
|
|
18
24
|
readonly underlyingToken: Address;
|
|
19
25
|
}
|
|
20
|
-
/**
|
|
26
|
+
/**
|
|
27
|
+
* Body row model: manager record plus `totalDebtMoney` for the USD line under debt
|
|
28
|
+
* (see `PoolCreditManagersTableRow` / `formatMoney`).
|
|
29
|
+
*/
|
|
21
30
|
export interface PoolCreditManagersTableRowDto<TRow extends PoolCreditManagerRow = PoolCreditManagerRow> {
|
|
22
31
|
readonly creditManager: TRow;
|
|
23
32
|
readonly totalDebtMoney: bigint;
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
+
import { LocaleKeys } from '../../../locale';
|
|
1
2
|
import { PoolDTO, PoolTableCellContext, PoolTableColumnDef } from './types';
|
|
2
3
|
import type * as React from "react";
|
|
4
|
+
interface ColumnHeaderOptions {
|
|
5
|
+
header?: React.ReactNode;
|
|
6
|
+
headerMessageId?: LocaleKeys;
|
|
7
|
+
/** Pass `null` to hide the default tip. */
|
|
8
|
+
headerTip?: React.ReactNode | null;
|
|
9
|
+
headerTipMessageId?: LocaleKeys;
|
|
10
|
+
mobileTitle?: React.ReactNode;
|
|
11
|
+
}
|
|
3
12
|
/**
|
|
4
13
|
* Pool name column — displays token icon, pool name and optional description.
|
|
5
14
|
*
|
|
6
15
|
* Used in both charts and client-v3.
|
|
7
16
|
*/
|
|
8
|
-
export declare function poolColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
9
|
-
header?: React.ReactNode;
|
|
17
|
+
export declare function poolColumn<P extends PoolDTO = PoolDTO>(options?: ColumnHeaderOptions & {
|
|
10
18
|
renderDescription?: (ctx: PoolTableCellContext<P>) => React.ReactNode;
|
|
11
19
|
/** Custom pool name formatter. Defaults to "TOKEN vN" for v3 pools. */
|
|
12
20
|
getPoolName?: (ctx: PoolTableCellContext<P>) => string;
|
|
@@ -17,8 +25,7 @@ export declare function poolColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
|
17
25
|
*
|
|
18
26
|
* Used in both charts and client-v3.
|
|
19
27
|
*/
|
|
20
|
-
export declare function supplyColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
21
|
-
header?: React.ReactNode;
|
|
28
|
+
export declare function supplyColumn<P extends PoolDTO = PoolDTO>(options?: ColumnHeaderOptions & {
|
|
22
29
|
width?: string;
|
|
23
30
|
sortField?: string;
|
|
24
31
|
hideOnMedium?: boolean;
|
|
@@ -28,9 +35,7 @@ export declare function supplyColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
|
28
35
|
*
|
|
29
36
|
* Used in both charts and client-v3.
|
|
30
37
|
*/
|
|
31
|
-
export declare function supplyApyColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
32
|
-
header?: React.ReactNode;
|
|
33
|
-
headerTip?: React.ReactNode;
|
|
38
|
+
export declare function supplyApyColumn<P extends PoolDTO = PoolDTO>(options?: ColumnHeaderOptions & {
|
|
34
39
|
width?: string;
|
|
35
40
|
sortField?: string;
|
|
36
41
|
}): PoolTableColumnDef<P>;
|
|
@@ -39,8 +44,7 @@ export declare function supplyApyColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
|
39
44
|
*
|
|
40
45
|
* Used in both charts and client-v3.
|
|
41
46
|
*/
|
|
42
|
-
export declare function borrowedColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
43
|
-
header?: React.ReactNode;
|
|
47
|
+
export declare function borrowedColumn<P extends PoolDTO = PoolDTO>(options?: ColumnHeaderOptions & {
|
|
44
48
|
width?: string;
|
|
45
49
|
}): PoolTableColumnDef<P>;
|
|
46
50
|
/**
|
|
@@ -48,9 +52,7 @@ export declare function borrowedColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
|
48
52
|
*
|
|
49
53
|
* Prefer `pool.borrowAPY` when the backend (or adapter) fills it; otherwise pass `getBorrowRate`.
|
|
50
54
|
*/
|
|
51
|
-
export declare function borrowApyColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
52
|
-
header?: React.ReactNode;
|
|
53
|
-
headerTip?: React.ReactNode;
|
|
55
|
+
export declare function borrowApyColumn<P extends PoolDTO = PoolDTO>(options?: ColumnHeaderOptions & {
|
|
54
56
|
width?: string;
|
|
55
57
|
/** Custom getter for borrow rate (basis points). Used when `pool.borrowAPY` is undefined. */
|
|
56
58
|
getBorrowRate?: (pool: P) => number;
|
|
@@ -58,8 +60,7 @@ export declare function borrowApyColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
|
58
60
|
/**
|
|
59
61
|
* Utilization column — `pool.utilization` (0–100) with a progress bar.
|
|
60
62
|
*/
|
|
61
|
-
export declare function utilizationColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
62
|
-
header?: React.ReactNode;
|
|
63
|
+
export declare function utilizationColumn<P extends PoolDTO = PoolDTO>(options?: ColumnHeaderOptions & {
|
|
63
64
|
width?: string;
|
|
64
65
|
sortField?: string;
|
|
65
66
|
}): PoolTableColumnDef<P>;
|
|
@@ -69,8 +70,7 @@ export declare function utilizationColumn<P extends PoolDTO = PoolDTO>(options?:
|
|
|
69
70
|
* Default: reads `pool.collateralTokens` and renders {@link AssetsListCell}.
|
|
70
71
|
* Override with `cell` / `mobileCell` for custom asset shapes (e.g. client-v3 quota objects).
|
|
71
72
|
*/
|
|
72
|
-
export declare function collateralColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
73
|
-
header?: React.ReactNode;
|
|
73
|
+
export declare function collateralColumn<P extends PoolDTO = PoolDTO>(options?: ColumnHeaderOptions & {
|
|
74
74
|
width?: string;
|
|
75
75
|
gapBefore?: "sm" | "md" | "none";
|
|
76
76
|
cell?: (ctx: PoolTableCellContext<P>) => React.ReactNode;
|
|
@@ -84,8 +84,7 @@ export declare function collateralColumn<P extends PoolDTO = PoolDTO>(options?:
|
|
|
84
84
|
*
|
|
85
85
|
* Default: `pool.userBalanceInUSD`, `pool.userBalance`, `pool.poolTokenSymbol` (and underlying decimals for formatting).
|
|
86
86
|
*/
|
|
87
|
-
export declare function balanceColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
88
|
-
header?: React.ReactNode;
|
|
87
|
+
export declare function balanceColumn<P extends PoolDTO = PoolDTO>(options?: ColumnHeaderOptions & {
|
|
89
88
|
width?: string;
|
|
90
89
|
className?: string;
|
|
91
90
|
headerClassName?: string;
|
|
@@ -96,3 +95,4 @@ export declare function balanceColumn<P extends PoolDTO = PoolDTO>(options?: {
|
|
|
96
95
|
* Generic custom column — convenience helper to create a column with minimal boilerplate.
|
|
97
96
|
*/
|
|
98
97
|
export declare function customColumn<P extends PoolDTO = PoolDTO>(def: PoolTableColumnDef<P>): PoolTableColumnDef<P>;
|
|
98
|
+
export {};
|
|
@@ -82,8 +82,6 @@ export * from './page-title';
|
|
|
82
82
|
export * from './percent-indicator';
|
|
83
83
|
export * from './points-icon';
|
|
84
84
|
export * from './pool-apy-tooltip';
|
|
85
|
-
export * from './pool-assets-table';
|
|
86
|
-
export * from './pool-credit-managers-table';
|
|
87
85
|
export * from './pool-indicator-icon';
|
|
88
86
|
export * from './pool-points-indicator';
|
|
89
87
|
export * from './progress';
|
package/dist/types/index.d.ts
CHANGED
|
@@ -81,8 +81,6 @@ export * from './components/page-title';
|
|
|
81
81
|
export * from './components/percent-indicator';
|
|
82
82
|
export * from './components/points-icon';
|
|
83
83
|
export * from './components/pool-apy-tooltip';
|
|
84
|
-
export * from './components/pool-assets-table';
|
|
85
|
-
export * from './components/pool-credit-managers-table';
|
|
86
84
|
export * from './components/pool-indicator-icon';
|
|
87
85
|
export * from './components/pool-points-indicator';
|
|
88
86
|
export * from './components/progress';
|
|
@@ -79,7 +79,44 @@ declare const _default: {
|
|
|
79
79
|
"components.poolAssetsTable.head.currentDebt": "Current Debt",
|
|
80
80
|
"components.poolAssetsTable.head.assets": "Asset LT",
|
|
81
81
|
|
|
82
|
-
"components.poolCreditManagersTable.assets": "{amount} assets"
|
|
82
|
+
"components.poolCreditManagersTable.assets": "{amount} assets",
|
|
83
|
+
|
|
84
|
+
"components.creditManagerInfo.title": "Assets and LT’s",
|
|
85
|
+
"components.creditManagerInfo.info.title": "Credit Managers",
|
|
86
|
+
"components.creditManagerInfo.info.copy.tip": "Copy Credit Manager address",
|
|
87
|
+
"components.creditManagerInfo.info.minDebt": "Min debt",
|
|
88
|
+
"components.creditManagerInfo.info.maxDebt": "Max debt",
|
|
89
|
+
"components.creditManagerInfo.info.liquidationFee": "Liquid. fee",
|
|
90
|
+
"components.creditManagerInfo.info.liquidationPremium": "Liquid. premium",
|
|
91
|
+
"components.creditManagerInfo.info.interestFee": "Interest fee",
|
|
92
|
+
"components.creditManagerInfo.info.debtLimit": "Debt limit",
|
|
93
|
+
"components.creditManagerInfo.info.maxEnabledTokens": "Max tokens",
|
|
94
|
+
|
|
95
|
+
"dialogs.oraclesAndLTInfo.filter.hide0Quota": "Hide 0-Quota",
|
|
96
|
+
|
|
97
|
+
"components.poolTable.pool": "Pool",
|
|
98
|
+
"components.poolTable.market": "Market",
|
|
99
|
+
"components.poolTable.description.universal": "Universal",
|
|
100
|
+
"components.poolTable.supply": "Supply",
|
|
101
|
+
"components.poolTable.borrowed": "Borrowed",
|
|
102
|
+
"components.poolTable.supplyApy": "Supply APY",
|
|
103
|
+
"components.poolTable.supplyApy.tip": "Annual percentage yield that you earn for supplying capital. This number constantly changes as the utilization of the Markets goes up and down",
|
|
104
|
+
"components.poolTable.depositApy": "Deposit APY",
|
|
105
|
+
"components.poolTable.depositApy.tip": "Deposit APY breakdown: base rate, extra rewards, and points",
|
|
106
|
+
"components.poolTable.borrowApy": "Borrow APY",
|
|
107
|
+
"components.poolTable.utilizationApy": "Utilization APY",
|
|
108
|
+
"components.poolTable.borrowApy.tip": "On top of the utilization borrow APY, there is a borrow quota APY for different assets",
|
|
109
|
+
"components.poolTable.utilization": "Utilization",
|
|
110
|
+
"components.poolTable.collateral": "Collateral",
|
|
111
|
+
"components.poolTable.collateral.showAll": "Show All",
|
|
112
|
+
"components.poolTable.balance": "Your Balance",
|
|
113
|
+
"components.poolTable.balance.tip": "You don't earn token rewards, only organic yield. Please migrate liquidity by using \"Migrate\" flow above.",
|
|
114
|
+
"components.poolTable.emptyList": "No Pools found",
|
|
115
|
+
"components.poolTable.notFound.dashboard": "You currently have no open Market positions.",
|
|
116
|
+
"components.poolTable.notFound.list": "No Markets found",
|
|
117
|
+
"components.poolTable.notFound.description.dashboard": "Choose earn above.",
|
|
118
|
+
"components.poolTable.notFound.description.list": "Choose another chain or toggle Show All Markets",
|
|
119
|
+
"components.poolTable.externalApy.tooltipShort": "{value} APY boost when depositing via {name}"
|
|
83
120
|
}
|
|
84
121
|
;
|
|
85
122
|
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const l=require("../../hooks/use-filter.cjs");require("@gearbox-protocol/sdk/common-utils");require("@gearbox-protocol/sdk");const n=require("../head-cell/head-cell.cjs"),s=require("../table/grid-table.cjs"),t=require("../typed-intl/index.cjs");function p({sort:i}){const o=t.useIntlTyped(),{state:r,set:a}=i,d=()=>a("usage","desc"),c=()=>a("rate","desc"),m=()=>a("name","desc");return e.jsxs(s.GridTableRow,{noHover:!0,height:"35px",children:[e.jsx(s.GridTableHead,{justify:"start",size:"sm",className:"pl-4",children:e.jsx(n.HeadCell,{arrowPosition:"right",title:e.jsx(t.FormattedMessageTyped,{messageId:"components.poolAssetsTable.asset"}),sortDirection:l.getSortForField("name",r),sortField:o.formatMessage({messageId:"components.poolAssetsTable.asset"}),onSort:m})}),e.jsx(s.GridTableHead,{justify:"end",size:"sm",children:e.jsx(n.HeadCell,{arrowPosition:"left",title:e.jsx(t.FormattedMessageTyped,{messageId:"components.poolAssetsTable.rate"}),sortDirection:l.getSortForField("rate",r),sortField:o.formatMessage({messageId:"components.poolAssetsTable.rate"}),onSort:c})}),e.jsx(s.GridTableHead,{justify:"end",size:"sm",className:"pr-4",children:e.jsx(n.HeadCell,{arrowPosition:"left",title:e.jsx(t.FormattedMessageTyped,{messageId:"components.poolAssetsTable.limits"}),sortDirection:l.getSortForField("usage",r),sortField:o.formatMessage({messageId:"components.poolAssetsTable.limits"}),onSort:d})})]})}exports.PoolAssetsTableHead=p;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk/common-utils");require("@gearbox-protocol/sdk");const m=require("../../hooks/use-media-query.cjs");require("clsx");require("tailwind-merge");require("sonner");const q=require("../../utils/format-money.cjs");require("luxon");require("../../utils/z-index.cjs");const S=require("../description/description.cjs"),u=require("../short-string/short-string.cjs"),s=require("../table/grid-table.cjs"),t=require("../table/table-sm.cjs"),_=require("../token-symbol/token-symbol.cjs"),d=require("../token-template/token-template.cjs"),l=require("../typed-intl/index.cjs");function y({poolName:p,token:o,currentQuota:x,underlyingToken:r,last:g}){const{limit:h,totalQuoted:T,rate:b}=x,n=m.useIsMobile(),j=m.useIsDesktop()?21:n?40:16,i=()=>e.jsxs("div",{className:"flex items-center flex-col-auto",children:[e.jsx(_.TokenSymbol,{token:o,size:32}),e.jsxs("span",{className:"ml-1.5 md:ml-2.5 text-left",children:[e.jsx(u.ShortString,{maxLength:j,children:o?.title}),e.jsx(S.Description,{children:e.jsx(u.ShortString,{maxLength:20,children:p})})]})]}),a=()=>q.percentageTemplate(b),c=()=>e.jsx("span",{children:e.jsx(l.FormattedMessageTyped,{messageId:"components.poolAssetsTable.usage",values:{amount:e.jsx(d.TokenTemplate,{value:T,token:r,decimalPartLength:2,precision:2,showSymbol:!1},"pool-assets-line-usage-amount"),total:e.jsx(d.TokenTemplate,{value:h,token:r,decimalPartLength:2,precision:2,showSymbol:!1},"pool-assets-line-usage-total")}})});return e.jsx(s.GridTableRow,{last:g,height:"auto",className:"cursor-default",onRowClick:()=>{},style:{minHeight:"75px"},children:n?e.jsx(s.GridTableCell,{span:"full",size:"sm",className:"px-3 py-0!",children:e.jsxs(t.TableLineSm,{columns:2,columnsXs:2,title:i(),className:"w-full",children:[e.jsx(t.TableCellSm,{title:e.jsx(l.FormattedMessageTyped,{messageId:"components.poolAssetsTable.rate"}),children:a()}),e.jsx(t.TableCellSm,{title:e.jsx(l.FormattedMessageTyped,{messageId:"components.poolAssetsTable.limits"}),children:c()})]})}):e.jsxs(e.Fragment,{children:[e.jsx(s.GridTableCell,{textAlign:"left",className:"pl-4",size:"sm",children:i()}),e.jsx(s.GridTableCell,{textAlign:"right",size:"sm",children:a()}),e.jsx(s.GridTableCell,{textAlign:"right",className:"pr-4",size:"sm",children:c()})]})})}exports.PoolAssetsTableRow=y;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk/common-utils");require("@gearbox-protocol/sdk");const b=require("../../hooks/use-media-query.cjs"),o=require("../table/grid-table.cjs"),d=require("./pool-assets-table-head.cjs"),p=require("./pool-assets-table-row.cjs");function T({list:r,poolName:t,sort:a,tokensList:n,underlyingToken:i}){const l=b.useIsMobile(),u=l?"1fr":"1fr 180px 1fr";return e.jsxs(o.GridTable,{cols:u,gap:0,size:"lg",wrapperClassName:"overflow-visible",children:[!l&&e.jsx(o.GridTableHeader,{children:e.jsx(d.PoolAssetsTableHead,{sort:a})}),e.jsx(o.GridTableBody,{children:r.map((s,c)=>e.jsx(p.PoolAssetsTableRow,{poolName:t,currentQuota:s,token:n[s.token],underlyingToken:i,last:c===r.length-1},s.token))})]})}exports.PoolAssetsTable=T;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const n=require("../../hooks/use-filter.cjs");require("@gearbox-protocol/sdk/common-utils");require("@gearbox-protocol/sdk");const l=require("../head-cell/head-cell.cjs"),s=require("../table/grid-table.cjs"),t=require("../typed-intl/index.cjs");function d({sort:i}){const o=t.useIntlTyped(),{state:r,set:a}=i;return e.jsxs(s.GridTableRow,{noHover:!0,height:"35px",children:[e.jsx(s.GridTableHead,{justify:"start",size:"sm",className:"pl-4",children:e.jsx(l.HeadCell,{arrowPosition:"right",title:e.jsx(t.FormattedMessageTyped,{messageId:"components.poolAssetsTable.head.name"}),sortDirection:n.getSortForField("name",r),sortField:o.formatMessage({messageId:"components.poolAssetsTable.head.name"}),onSort:()=>a("name")})}),e.jsx(s.GridTableHead,{justify:"end",size:"sm",children:e.jsx(l.HeadCell,{arrowPosition:"left",title:e.jsx(t.FormattedMessageTyped,{messageId:"components.poolAssetsTable.head.currentDebt"}),sortDirection:n.getSortForField("currentDebt",r),sortField:o.formatMessage({messageId:"components.poolAssetsTable.head.currentDebt"}),onSort:()=>a("currentDebt","desc")})}),e.jsx(s.GridTableHead,{justify:"end",size:"sm",className:"pr-4",children:e.jsx(l.HeadCell,{arrowPosition:"left",title:e.jsx(t.FormattedMessageTyped,{messageId:"components.poolAssetsTable.head.assets"}),sortDirection:n.getSortForField("assets",r),sortField:o.formatMessage({messageId:"components.poolAssetsTable.head.assets"}),onSort:()=>a("assets","desc")})})]})}exports.PoolCreditManagersTableHead=d;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("@gearbox-protocol/sdk");require("react");require("clsx");require("tailwind-merge");require("sonner");const c=require("../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const s=require("../table/grid-table.cjs"),d=require("../text-button/text-button.cjs"),u=require("../token-template/token-template.cjs"),x=require("../typed-intl/index.cjs"),r=require("../vertical-indicator/vertical-indicator.cjs"),m=require("./pool-credit-managers-table.test-ids.cjs");function p({creditManager:t,last:l,onClick:o,totalDebtMoney:i,underlyingToken:a}){return e.jsxs(s.GridTableRow,{last:l,height:"75px",onRowClick:o,"data-testid":m.poolCreditManagersTableTestIds.creditManagerLine,children:[e.jsx(s.GridTableCell,{textAlign:"left",className:"pl-4",size:"sm",children:e.jsx(r.VerticalIndicator,{label:t.name,description:n.shortAddress(t.address)})}),e.jsx(s.GridTableCell,{textAlign:"right",size:"sm",children:e.jsx("div",{className:"flex justify-end flex-col-auto",children:e.jsx("div",{className:"flex-col-auto",children:e.jsx(r.VerticalIndicator,{value:e.jsx(u.TokenTemplate,{value:t.totalDebt,token:a}),valueDescription:c.formatMoney(i)})})})}),e.jsx(s.GridTableCell,{textAlign:"right",className:"pr-4",size:"sm",children:e.jsx("div",{className:"flex justify-end flex-col-auto",children:e.jsx("div",{className:"flex-col-auto",children:e.jsx(r.VerticalIndicator,{label:e.jsx(d.TextButton,{as:"span",children:e.jsx(x.FormattedMessageTyped,{messageId:"components.poolCreditManagersTable.assets",values:{amount:t.collateralTokens.length}})}),description:" "})})})})]})}exports.PoolCreditManagersTableRow=p;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk/common-utils");require("@gearbox-protocol/sdk");const b=require("../../hooks/use-media-query.cjs"),o=require("../table/grid-table.cjs"),u=require("./pool-credit-managers-table-head.cjs"),c=require("./pool-credit-managers-table-row.cjs");function g({handleSelectCM:s,rows:l,sort:a,underlyingToken:i}){const n=b.useIsMobile()?"1fr 120px 0.75fr":"2fr 1fr 1fr";return e.jsxs(o.GridTable,{cols:n,gap:0,size:"lg",wrapperClassName:"overflow-visible",children:[e.jsx(o.GridTableHeader,{children:e.jsx(u.PoolCreditManagersTableHead,{sort:a})}),e.jsx(o.GridTableBody,{children:l.map(({creditManager:r,totalDebtMoney:t},d)=>e.jsx(c.PoolCreditManagersTableRow,{creditManager:r,last:d===l.length-1,onClick:s(r),totalDebtMoney:t,underlyingToken:i},r.address))})]})}exports.PoolCreditManagersTable=g;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/types/components/{pool-assets-table → composites/pool-assets-table}/index.d.ts
RENAMED
|
File without changes
|
|
File without changes
|