@gearbox-protocol/permissionless-ui 1.27.0 → 2.0.0-next.1

package/dist/types/components/token-symbol/token-symbol.d.ts

@@ -2,19 +2,15 @@ import { NetworkType } from '@gearbox-protocol/sdk';
 import { VariantProps } from 'class-variance-authority';
 import { default as React } from 'react';
 import { TokenIconProps } from '../token-icon';
+import { TokenMetaInfo } from '../../types/common';
 declare const tokenSymbolVariants: (props?: ({
     marginSize?: "sm" | "lg" | "md" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type PartialTokenData = {
-    symbol: string;
-    title?: string;
-    icon?: string;
-};
 export interface TokenSymbolProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof tokenSymbolVariants> {
     /**
      * Token data object or symbol string
      */
-    token?: PartialTokenData | string;
+    token?: TokenMetaInfo | string;
     /**
      * Optional override title to display
      */

package/dist/types/components/token-template/token-template.d.ts

@@ -1,11 +1,11 @@
+import { TokenFullData } from '../../types/common';
 import { ParseSmallNumberResult } from '../../utils';
 import { negativeTokenTemplate, tokenTemplateString } from '../../utils/templates';
-import { TokenDataLike } from '..';
 import { FormattedNumberStringProps } from '../formatted-number';
 import type * as React from "react";
 export interface TokenTemplateProps extends Omit<FormattedNumberStringProps, "value"> {
     value: bigint | string | number | undefined;
-    token: TokenDataLike | undefined;
+    token: Omit<TokenFullData, "address"> | undefined;
     precision?: number;
     maxLength?: number;
     formatter?: (amount: bigint | string | number | undefined, decimals: number, precision?: number) => string | ParseSmallNumberResult;

package/dist/types/components/tokens-list-cell/tokens-list-cell.d.ts

@@ -1,4 +1,4 @@
-import { TokenData } from '@gearbox-protocol/sdk';
+import { TokenFullData } from '../../types/common';
 import * as React from "react";
 /**
  * Display mode for the tokens list
@@ -46,7 +46,7 @@ export interface TokensListCellProps {
     /**
      * Token data dictionary keyed by address
      */
-    tokensList: Record<`0x${string}`, TokenData>;
+    tokensList: Record<`0x${string}`, TokenFullData>;
     /**
      * Maximum number of tokens to display before showing "+N"
      * @default 3

package/dist/types/hooks/use-hf.d.ts

@@ -1,14 +1,15 @@
-import { Asset, CalcQuotaUpdateProps, TokenData } from '@gearbox-protocol/sdk';
+import { Asset } from '@gearbox-protocol/sdk';
 import { Address } from 'viem';
+import { QuotasInfoList, TokenFullData } from '../types/common';
 export interface UseHFProps {
     quotas: Record<Address, Asset>;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
+    quotasInfo: QuotasInfoList;
     assets: Array<Asset>;
     prices: Record<Address, bigint>;
     liquidationThresholds: Record<Address, bigint>;
     underlyingToken: Address;
     debt: bigint;
-    tokensList: Record<Address, TokenData>;
+    tokensList: Record<Address, TokenFullData>;
     allowZeroDebt?: boolean;
 }
 export declare function useHF({ assets, quotas, prices, liquidationThresholds, underlyingToken, debt, quotasInfo, allowZeroDebt, tokensList, }: UseHFProps): {

package/dist/types/hooks/use-liquidation/index.d.ts

@@ -1,6 +1,7 @@
-import { Asset, CalcQuotaUpdateProps, TokenData } from '@gearbox-protocol/sdk';
+import { Asset } from '@gearbox-protocol/sdk';
 import { Cell } from 'reactochart/ColorHeatmap';
 import { Address } from 'viem';
+import { LiquidationThresholds, QuotasInfoList, TokenFullData } from '../../types/common';
 import { AxisParams, Point } from './types';
 export type { AxisOrder, AxisParams, Point as LiquidationPoint } from './types';
 export type { Cell } from './utils';
@@ -10,16 +11,16 @@ interface UseLiquidationHeatmapProps {
     xMax: number;
     yMin: number;
     yMax: number;
-    xLabel?: TokenData;
-    yLabel?: TokenData;
+    xLabel?: TokenFullData;
+    yLabel?: TokenFullData;
     assets: Array<Asset>;
     quotas: Record<Address, Asset>;
     prices: Record<Address, bigint>;
     liquidationThresholds: Record<Address, bigint>;
     underlyingTokenAddress: Address;
     debt: bigint;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
-    tokensList: Record<Address, TokenData>;
+    quotasInfo: QuotasInfoList;
+    tokensList: Record<Address, TokenFullData>;
 }
 export declare function useLiquidationHeatmap({ xMin, xMax, yMin, yMax, xLabel, yLabel, assets, quotas, prices, liquidationThresholds, quotasInfo, underlyingTokenAddress, debt, tokensList, }: UseLiquidationHeatmapProps): Cell[];
 interface UseEditPriceManuallyProps {
@@ -34,10 +35,10 @@ export interface UseLiquidationGraphParamsReturnType {
 }
 export interface UseLiquidationGraphParamsProps {
     assets: Array<Asset>;
-    liquidationThresholds: CalcQuotaUpdateProps["liquidationThresholds"];
+    liquidationThresholds: LiquidationThresholds;
     quotas: Record<Address, Asset>;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
-    tokensList: Record<Address, TokenData>;
+    quotasInfo: QuotasInfoList;
+    tokensList: Record<Address, TokenFullData>;
     prices: Record<Address, bigint>;
 }
 /**

package/dist/types/hooks/use-liquidation/types.d.ts

@@ -1,4 +1,4 @@
-import { TokenData } from '@gearbox-protocol/sdk';
+import { TokenFullData } from '../../types/common';
 export interface Coordinates {
     x: number;
     y: number;
@@ -8,7 +8,7 @@ export interface AxisParams {
     min: number;
     max: number;
     minHf: number;
-    label: TokenData;
+    label: TokenFullData;
     order: AxisOrder;
     nextOrder: () => void;
 }

package/dist/types/hooks/use-liquidation/utils.d.ts

@@ -1,6 +1,7 @@
-import { Asset, CalcQuotaUpdateProps, TokenData } from '@gearbox-protocol/sdk';
+import { Asset } from '@gearbox-protocol/sdk';
 import { Cell as ReactochartCell } from 'reactochart/ColorHeatmap';
 import { Address } from 'viem';
+import { LiquidationThresholds, QuotasInfoList, TokenFullData } from '../../types/common';
 import { AxisOrder, AxisParams, Point } from './types';
 export interface Cell extends ReactochartCell {
     x: number;
@@ -17,37 +18,37 @@ export declare const CELL_BAD = "rct-chart__heatmap-cell--bad";
 export declare const CELL_LIQUIDATION = "rct-chart__heatmap-cell--liquidation";
 interface UseAxisProps {
     currentPrice: number | undefined;
-    token: TokenData | undefined;
+    token: TokenFullData | undefined;
 }
 export declare const DEFAULT_AXIS_MIN = 0;
 export declare const DEFAULT_AXIS_MAX = 1;
 export declare function useAxis({ token, currentPrice, }: UseAxisProps): AxisParams | undefined;
 interface UseFixedAssetsProps {
     assets: Array<Asset>;
-    liquidationThresholds: CalcQuotaUpdateProps["liquidationThresholds"];
+    liquidationThresholds: LiquidationThresholds;
     quotas: Record<Address, Asset>;
-    quotasInfo: CalcQuotaUpdateProps["quotas"];
+    quotasInfo: QuotasInfoList;
     at?: number;
     length?: number;
 }
 export declare function useFixedAssets({ assets, liquidationThresholds, quotas, quotasInfo, at, length, }: UseFixedAssetsProps): [Asset[], Asset[]];
 interface UsePriceInNumberProps {
     asset: Asset | undefined;
-    tokensList: Record<Address, TokenData>;
+    tokensList: Record<Address, TokenFullData>;
     prices: Record<Address, bigint>;
 }
 type UsePriceInNumberReturnType = [
     price: number | undefined,
-    token: TokenData | undefined
+    token: TokenFullData | undefined
 ];
 export declare function usePriceInNumber({ asset, tokensList, prices, }: UsePriceInNumberProps): UsePriceInNumberReturnType;
-export declare function useIsAxisInRelativeUnits(axis: TokenData | undefined, underlying: TokenData | undefined): boolean;
+export declare function useIsAxisInRelativeUnits(axis: TokenFullData | undefined, underlying: TokenFullData | undefined): boolean;
 /**
  * Format price value for liquidation graph tooltip
  * Re-exports formatPrice from utils with liquidation-specific defaults
  */
 export declare function formatAxisTipPrice(v: number): string;
-export declare function formatAxisTipLabel(token: TokenData | undefined, underlyingToken: TokenData | undefined, order: AxisOrder | undefined): string;
+export declare function formatAxisTipLabel(token: TokenFullData | undefined, underlyingToken: TokenFullData | undefined, order: AxisOrder | undefined): string;
 export declare function formatAxisLabel(underlyingPrice: bigint | undefined, isRelative: boolean, order?: AxisOrder): (l?: number) => string;
 export declare function useLiquidationGraphActivePrice(activePoint: number, underlyingPrice: bigint | undefined, isRelative: boolean, order?: AxisOrder): number;
 export declare function useLiquidationGraphCurrentActiveValue(): {
@@ -59,8 +60,8 @@ export declare function useLiquidationGraphCurrentActiveValue(): {
     handleMouseLeave: () => void;
 };
 interface UseWithActivePricesProps {
-    xLabel: TokenData | undefined;
-    yLabel: TokenData | undefined;
+    xLabel: TokenFullData | undefined;
+    yLabel: TokenFullData | undefined;
     activePoint: [number | undefined, number | undefined] | null;
     prices: Record<Address, bigint>;
 }

package/dist/types/types/common.d.ts

@@ -0,0 +1,23 @@
+import { Address } from 'viem';
+export type TokenMetaInfo = {
+    symbol: string;
+    title?: string;
+    icon?: string;
+    name?: string;
+};
+export type TokenFullData = TokenMetaInfo & {
+    decimals: number;
+    address: Address;
+};
+export interface ExtraRewardApyData {
+    apy: number;
+    rewardToken: Address;
+    rewardTokenSymbol: string;
+    endTimestamp?: number;
+    token?: Address;
+}
+export type LiquidationThresholds = Record<Address, bigint>;
+export type QuotasInfoList = Record<Address, {
+    token: Address;
+    isActive: boolean;
+}>;

package/dist/types/utils/interface.d.ts

@@ -1,12 +1,3 @@
-/**
- * Interface for token data
- */
-export interface TokenData {
-    symbol: string;
-    decimals: number;
-    title?: string;
-    address?: string;
-}
 /**
  * Typography variant types
  */

package/dist/types/utils/search-in-token.d.ts

@@ -1,5 +1,5 @@
-import { TokenData } from '@gearbox-protocol/sdk';
-type PartialTokenData = Partial<Pick<TokenData, "title" | "symbol" | "name" | "address">>;
+import { TokenFullData } from '../types/common';
+type TokenDataSlice = Pick<TokenFullData, "title" | "symbol" | "name" | "address">;
 /**
  * Searches for a match in token data (name, symbol, title, or address)
  *
@@ -21,7 +21,7 @@ type PartialTokenData = Partial<Pick<TokenData, "title" | "symbol" | "name" | "a
  * searchInToken(token, "btc") // false
  * ```
  */
-export declare function searchInToken(token: PartialTokenData | undefined, search: string): boolean;
+export declare function searchInToken(token: TokenDataSlice | undefined, search: string): boolean;
 /**
  * Creates a filter function for tokens based on search string
  *
@@ -39,5 +39,5 @@ export declare function searchInToken(token: PartialTokenData | undefined, searc
  * // [{ title: "Ethereum", symbol: "ETH" }]
  * ```
  */
-export declare function createTokenSearchFilter(search: string): (token: PartialTokenData | undefined) => boolean;
+export declare function createTokenSearchFilter(search: string): (token: TokenDataSlice | undefined) => boolean;
 export {};

package/dist/types/utils/templates.d.ts

@@ -1,5 +1,8 @@
-import { TokenData } from '@gearbox-protocol/sdk';
+import { TokenFullData } from '../types/common';
 import type * as React from "react";
+type TokenDataSlice = Pick<TokenFullData, "title" | "decimals"> & {
+    symbol?: string;
+};
 /**
  * Formats a percentage value and returns it as a React element
  * Use this when your value is already in percent form (e.g., 2.81 for 2.81%)
@@ -15,9 +18,6 @@ import type * as React from "react";
  * ```
  */
 export declare function percentageTemplate(value: number, decimals?: number): React.ReactElement;
-type PartialTokenData = Pick<TokenData, "title" | "decimals"> & {
-    symbol?: string;
-};
 /**
  * Formats a token amount with symbol
  *
@@ -38,7 +38,7 @@ type PartialTokenData = Pick<TokenData, "title" | "decimals"> & {
  * // "1.00 Very..." (truncated to 10 chars)
  * ```
  */
-export declare function tokenTemplate(value: bigint | string | number | undefined, token: PartialTokenData | undefined, precision?: number, spaceSymbol?: string, maxLength?: number): string;
+export declare function tokenTemplate(value: bigint | string | number | undefined, token: TokenDataSlice | undefined, precision?: number, spaceSymbol?: string, maxLength?: number): string;
 /**
  * Formats a token amount and returns it as a string with token title
  * Use this when you need a formatted number string with token name (not a React element)
@@ -60,7 +60,7 @@ export declare function tokenTemplate(value: bigint | string | number | undefine
  * // "< 0.01 ETH"
  * ```
  */
-export declare function tokenTemplateNumber(value: number | undefined, token: PartialTokenData | undefined, precision?: number): string;
+export declare function tokenTemplateNumber(value: number | undefined, token: TokenDataSlice | undefined, precision?: number): string;
 /**
  * Formats a token amount as string, handling negative values correctly
  *
@@ -78,7 +78,7 @@ export declare function tokenTemplateNumber(value: number | undefined, token: Pa
  * // "1.00 USDC"
  * ```
  */
-export declare function negativeTokenTemplate(value: bigint | string | number | undefined, token: PartialTokenData | undefined, precision?: number, spaceSymbol?: string): string;
+export declare function negativeTokenTemplate(value: bigint | string | number | undefined, token: TokenDataSlice | undefined, precision?: number, spaceSymbol?: string): string;
 /**
  * Formats a token amount as string (non-React version of tokenTemplate)
  *
@@ -96,5 +96,5 @@ export declare function negativeTokenTemplate(value: bigint | string | number |
  * // "1.00 USDC"
  * ```
  */
-export declare function tokenTemplateString(value: bigint | string | number | undefined, token: PartialTokenData | undefined, precision?: number, spaceSymbol?: string): string;
+export declare function tokenTemplateString(value: bigint | string | number | undefined, token: TokenDataSlice | undefined, precision?: number, spaceSymbol?: string): string;
 export {};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.27.0",
+  "version": "2.0.0-next.1",
   "description": "Internal UI components",
   "license": "MIT",
-  "main": "./dist/cjs/index.js",
+  "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
   "typings": "./dist/types/index.d.ts",
@@ -13,22 +13,22 @@
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/esm/index.js",
-      "default": "./dist/cjs/index.js"
+      "default": "./dist/cjs/index.cjs"
     },
     "./next": {
       "types": "./dist/types/components/next/index.d.ts",
       "import": "./dist/esm/components/next/index.js",
-      "default": "./dist/cjs/components/next/index.js"
+      "default": "./dist/cjs/components/next/index.cjs"
     },
     "./tailwind": {
       "types": "./dist/types/configs/tailwind.config.d.ts",
       "import": "./dist/esm/configs/tailwind.config.js",
-      "default": "./dist/cjs/configs/tailwind.config.js"
+      "default": "./dist/cjs/configs/tailwind.config.cjs"
     },
     "./preset": {
       "types": "./dist/types/configs/tailwind-preset.d.ts",
       "import": "./dist/esm/configs/tailwind-preset.js",
-      "default": "./dist/cjs/configs/tailwind-preset.js"
+      "default": "./dist/cjs/configs/tailwind-preset.cjs"
     },
     "./globals.css": "./dist/globals.css",
     "./grid-safelist.css": "./dist/grid-safelist.css",
@@ -130,7 +130,7 @@
     "@commitlint/cli": "^20.1.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@gearbox-protocol/biome-config": "^1.0.2",
-    "@gearbox-protocol/sdk": "12.6.6",
+    "@gearbox-protocol/sdk": "13.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
     "@storybook/addon-a11y": "^10.0.8",
     "@storybook/addon-docs": "^10.0.8",