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

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

@@ -1 +1,4 @@
+export * from './pool-assets-table';
+export * from './pool-credit-manager-info';
+export * from './pool-credit-managers-table';
 export * from './pool-table';

package/dist/types/components/composites/pool-assets-table/index.d.ts

@@ -0,0 +1,4 @@
+export * from './pool-assets-table';
+export * from './pool-assets-table-head';
+export * from './pool-assets-table-row';
+export type * from './types';

package/dist/types/components/composites/pool-assets-table/pool-assets-table-head.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { PoolAssetsTableSort } from './types';
+/** Props for {@link PoolAssetsTableHead}. */
+export interface PoolAssetsTableHeadProps {
+    readonly sort: PoolAssetsTableSort;
+}
+/**
+ * Header row: sortable Asset, Rate, and Limits columns (`components.poolAssetsTable.*` locale keys).
+ */
+export declare function PoolAssetsTableHead({ sort, }: PoolAssetsTableHeadProps): React.ReactElement;

package/dist/types/components/composites/pool-assets-table/pool-assets-table-row.d.ts

@@ -0,0 +1,15 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { PoolAssetsTableQuotaRow } from './types';
+/** Props for {@link PoolAssetsTableRow}. */
+export interface PoolAssetsTableRowProps {
+    readonly poolName: string;
+    readonly token: TokenData | undefined;
+    readonly currentQuota: PoolAssetsTableQuotaRow;
+    readonly underlyingToken: TokenData;
+    readonly last: boolean;
+}
+/**
+ * Single data row: token + pool name, `percentageTemplate` rate, and formatted usage vs limit.
+ */
+export declare function PoolAssetsTableRow({ poolName, token, currentQuota, underlyingToken, last, }: PoolAssetsTableRowProps): React.ReactElement;

package/dist/types/components/composites/pool-assets-table/pool-assets-table.d.ts

@@ -0,0 +1,24 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { PoolAssetsTableQuotaRow, PoolAssetsTableSort } from './types';
+/**
+ * Props for {@link PoolAssetsTable}.
+ */
+export interface PoolAssetsTableProps {
+    /** Quota rows to render (one per asset). */
+    readonly list: ReadonlyArray<PoolAssetsTableQuotaRow>;
+    /** Pool name shown under the asset title. */
+    readonly poolName: string;
+    readonly sort: PoolAssetsTableSort;
+    /** Token metadata keyed by token address (must include every `quota.token`). */
+    readonly tokensList: Partial<Record<Address, TokenData>>;
+    /** Underlying asset used for `TokenTemplate` amounts in the usage column. */
+    readonly underlyingToken: TokenData;
+}
+/**
+ * Grid table of pool asset quotas: asset / effective rate / limits usage.
+ * On viewports below the mobile breakpoint the header is hidden and each row
+ * uses the compact `TableLineSm` layout.
+ */
+export declare function PoolAssetsTable({ list, poolName, sort, tokensList, underlyingToken, }: PoolAssetsTableProps): React.ReactElement | null;

package/dist/types/components/composites/pool-assets-table/types.d.ts

@@ -0,0 +1,25 @@
+import { Address } from 'viem';
+import { SortField, SortSetterFunction } from '../../../hooks';
+/** Column identifiers used by the pool assets table header sort controls. */
+export type PoolAssetsSortFields = "name" | "rate" | "usage";
+/**
+ * Sort state + setter wired to `HeadCell` / `useSort` (same pattern as `PoolTable`).
+ */
+export interface PoolAssetsTableSort {
+    readonly state: SortField<PoolAssetsSortFields> | null;
+    readonly set: SortSetterFunction<PoolAssetsSortFields>;
+}
+/** Optional filter/sort bundle for screens that embed this table. */
+export interface PoolAssetsFilterState {
+    readonly sort: PoolAssetsTableSort;
+}
+/**
+ * One asset line: quota limit, usage, and borrow rate.
+ * Shape aligns with Gearbox SDK quota / QuotaInfo-style data.
+ */
+export interface PoolAssetsTableQuotaRow {
+    readonly token: Address;
+    readonly limit: bigint;
+    readonly totalQuoted: bigint;
+    readonly rate: bigint;
+}

package/dist/types/components/composites/pool-credit-manager-info/index.d.ts

@@ -0,0 +1,4 @@
+export * from './overflow-layout';
+export * from './pool-credit-manager-info';
+export * from './test-ids';
+export type * from './types';

package/dist/types/components/composites/pool-credit-manager-info/overflow-layout.d.ts

@@ -0,0 +1,4 @@
+/** Outer scroll area for the embedded oracles / LT table (responsive overflow). */
+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";
+/** Wrapper clipping before `xs` breakpoint. */
+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

@@ -0,0 +1,20 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { PoolCreditManagerInfoModel } from './types';
+/** Props for `PoolCreditManagerInfo`. */
+export interface PoolCreditManagerInfoProps {
+    readonly tokensList: Record<Address, TokenData>;
+    readonly creditManager: PoolCreditManagerInfoModel;
+    /** Oracles / LT table (or any scrollable body) rendered below the metrics grid. */
+    readonly underlyingTable: React.ReactNode;
+    readonly onClose: () => void;
+    /** When true, filters out zero-quota rows in the child table (consumer-controlled). */
+    readonly hideZeroQuota: boolean;
+    readonly setHideZeroQuota: (hide: boolean) => void;
+}
+/**
+ * Modal dialog summarizing a credit manager (fees, debt bounds, limits) and hosting
+ * a scrollable oracles / LT table with an optional “hide zero quota” toggle.
+ */
+export declare function PoolCreditManagerInfo({ creditManager, tokensList, underlyingTable, onClose, hideZeroQuota, setHideZeroQuota, }: PoolCreditManagerInfoProps): React.ReactElement;

package/dist/types/components/composites/pool-credit-manager-info/test-ids.d.ts

@@ -0,0 +1,4 @@
+/** Stable `data-testid` values for `PoolCreditManagerInfo`. */
+export declare const poolCreditManagerInfoTestIds: {
+    readonly detail: "pool-credit-managers-detail";
+};

package/dist/types/components/composites/pool-credit-manager-info/types.d.ts

@@ -0,0 +1,16 @@
+import { Address } from 'viem';
+/**
+ * Credit manager parameters for the pool credit manager info dialog.
+ * Percentage-related fields follow SDK / `percentageTemplate` scaling (e.g. × `PERCENTAGE_DECIMALS`).
+ */
+export interface PoolCreditManagerInfoModel {
+    readonly address: Address;
+    readonly minDebt: bigint;
+    readonly maxDebt: bigint;
+    readonly totalDebtLimit: bigint;
+    readonly maxEnabledTokensLength: number;
+    readonly underlyingToken: Address;
+    readonly feeLiquidation: number;
+    readonly liquidationDiscount: number;
+    readonly feeInterest: number;
+}

package/dist/types/components/composites/pool-credit-managers-table/index.d.ts

@@ -0,0 +1,5 @@
+export * from './pool-credit-managers-table';
+export * from './pool-credit-managers-table.test-ids';
+export * from './pool-credit-managers-table-head';
+export * from './pool-credit-managers-table-row';
+export type * from './types';

package/dist/types/components/composites/pool-credit-managers-table/pool-credit-managers-table-head.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { PoolCreditManagersTableSort } from './types';
+/** Props for {@link PoolCreditManagersTableHead}. */
+export interface PoolCreditManagersTableHeadProps {
+    readonly sort: PoolCreditManagersTableSort;
+}
+/**
+ * Sortable header: credit manager name, current debt, asset / LT column.
+ */
+export declare function PoolCreditManagersTableHead({ sort, }: PoolCreditManagersTableHeadProps): React.ReactElement;

package/dist/types/components/composites/pool-credit-managers-table/pool-credit-managers-table-row.d.ts

@@ -0,0 +1,16 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { PoolCreditManagerRow } from './types';
+/** Props for {@link PoolCreditManagersTableRow}. */
+export interface PoolCreditManagersTableRowProps {
+    readonly creditManager: PoolCreditManagerRow;
+    readonly last: boolean;
+    readonly onClick: () => void;
+    readonly totalDebtMoney: bigint;
+    readonly underlyingToken: TokenData | undefined;
+}
+/**
+ * One clickable row: `VerticalIndicator` for name/address, debt + `formatMoney` subtitle,
+ * and localized collateral count (`components.poolCreditManagersTable.assets`).
+ */
+export declare function PoolCreditManagersTableRow({ creditManager, last, onClick, totalDebtMoney, underlyingToken, }: PoolCreditManagersTableRowProps): React.ReactElement | null;

package/dist/types/components/composites/pool-credit-managers-table/pool-credit-managers-table.d.ts

@@ -0,0 +1,21 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { PoolCreditManagerRow, PoolCreditManagersTableRowDto, PoolCreditManagersTableSort } from './types';
+/**
+ * Props for {@link PoolCreditManagersTable}.
+ *
+ * @typeParam TRow - Concrete credit manager row type when extending {@link PoolCreditManagerRow}.
+ */
+export interface PoolCreditManagersTableProps<TRow extends PoolCreditManagerRow = PoolCreditManagerRow> {
+    /** Returns a click handler for a given manager (row `onRowClick`). */
+    readonly handleSelectCM: (cm: TRow) => () => void;
+    readonly rows: ReadonlyArray<PoolCreditManagersTableRowDto<TRow>>;
+    readonly sort: PoolCreditManagersTableSort;
+    /** Passed to `TokenTemplate` for the debt column; may be undefined if not loaded. */
+    readonly underlyingToken: TokenData | undefined;
+}
+/**
+ * Grid table listing credit managers: name, total debt (+ USD), collateral count.
+ * Header labels reuse `components.poolAssetsTable.head.*` locale keys (shared copy with pool UI).
+ */
+export declare function PoolCreditManagersTable<TRow extends PoolCreditManagerRow = PoolCreditManagerRow>({ handleSelectCM, rows, sort, underlyingToken, }: PoolCreditManagersTableProps<TRow>): React.ReactElement | null;

package/dist/types/components/composites/pool-credit-managers-table/pool-credit-managers-table.test-ids.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Stable `data-testid` strings for automation (see `PoolCreditManagersTableRow`).
+ */
+export declare const poolCreditManagersTableTestIds: {
+    readonly creditManagerLine: "pool-credit-managers-line";
+};

package/dist/types/components/composites/pool-credit-managers-table/types.d.ts

@@ -0,0 +1,33 @@
+import { Address } from 'viem';
+import { SortField, SortSetterFunction } from '../../../hooks';
+/** Column identifiers for credit manager table sorting. */
+export type PoolCreditManagersSortFields = "name" | "currentDebt" | "assets";
+/**
+ * Sort state + setter for the credit managers table header (`HeadCell` / `useSort`).
+ */
+export interface PoolCreditManagersTableSort {
+    readonly state: SortField<PoolCreditManagersSortFields> | null;
+    readonly set: SortSetterFunction<PoolCreditManagersSortFields>;
+}
+/** Optional filter/sort bundle for parent screens. */
+export interface PoolCreditManagersFilterState {
+    readonly sort: PoolCreditManagersTableSort;
+}
+/**
+ * Core credit manager fields for one row (legacy-compatible credit manager DTO).
+ */
+export interface PoolCreditManagerRow {
+    readonly address: Address;
+    readonly name: string;
+    readonly totalDebt: bigint;
+    readonly collateralTokens: readonly Address[];
+    readonly underlyingToken: Address;
+}
+/**
+ * Body row model: manager record plus `totalDebtMoney` for the USD line under debt
+ * (see `PoolCreditManagersTableRow` / `formatMoney`).
+ */
+export interface PoolCreditManagersTableRowDto<TRow extends PoolCreditManagerRow = PoolCreditManagerRow> {
+    readonly creditManager: TRow;
+    readonly totalDebtMoney: bigint;
+}

package/dist/types/locale/en.json.d.ts

@@ -71,6 +71,29 @@ declare const _default: {
 
   "components.openCopyButtons.copy": "Copy to clipboard",
 
+  "components.poolAssetsTable.asset": "Asset",
+  "components.poolAssetsTable.rate": "Effective rate",
+  "components.poolAssetsTable.limits": "Limits Usage",
+  "components.poolAssetsTable.usage": "{amount} of {total}",
+  "components.poolAssetsTable.head.name": "Credit Manager",
+  "components.poolAssetsTable.head.currentDebt": "Current Debt",
+  "components.poolAssetsTable.head.assets": "Asset LT",
+
+  "components.poolCreditManagersTable.assets": "{amount} assets",
+
+  "components.creditManagerInfo.title": "Assets and LT’s",
+  "components.creditManagerInfo.info.title": "Credit Managers",
+  "components.creditManagerInfo.info.copy.tip": "Copy Credit Manager address",
+  "components.creditManagerInfo.info.minDebt": "Min debt",
+  "components.creditManagerInfo.info.maxDebt": "Max debt",
+  "components.creditManagerInfo.info.liquidationFee": "Liquid. fee",
+  "components.creditManagerInfo.info.liquidationPremium": "Liquid. premium",
+  "components.creditManagerInfo.info.interestFee": "Interest fee",
+  "components.creditManagerInfo.info.debtLimit": "Debt limit",
+  "components.creditManagerInfo.info.maxEnabledTokens": "Max tokens",
+
+  "dialogs.oraclesAndLTInfo.filter.hide0Quota": "Hide 0-Quota",
+
   "components.poolTable.pool": "Pool",
   "components.poolTable.market": "Market",
   "components.poolTable.description.universal": "Universal",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.6.0",
+  "version": "3.7.0-next.2",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",
@@ -148,7 +148,7 @@
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "13.0.0",
+    "@gearbox-protocol/sdk": "13.6.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",