@gearbox-protocol/ui-kit 3.14.0-next.34 → 3.14.0-next.36

package/dist/types/components/composites/credit-account-history/body.d.ts

@@ -0,0 +1,14 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { CreditAccountOperationLike, ProtocolsList } from './types';
+export interface HistoryBodyProps {
+    readonly creditManager: {
+        underlyingToken: Address;
+    };
+    readonly tokens: Record<Address, TokenData>;
+    readonly protocols: ProtocolsList | undefined;
+    readonly dataList: Array<CreditAccountOperationLike>;
+    readonly explorerUrl?: string;
+}
+export declare function HistoryBody({ dataList, creditManager, tokens, protocols, explorerUrl, }: HistoryBodyProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/details.d.ts

@@ -0,0 +1,9 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { OperationDetails } from '../types';
+export interface DetailsProps {
+    readonly data: OperationDetails;
+    readonly tokensList: Record<Address, TokenData>;
+}
+export declare function Details({ data: { from, leverage, to }, tokensList, }: DetailsProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/hash.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface HashProps {
+    readonly txHash: string;
+    readonly etherscanAddress: string;
+}
+export declare function Hash({ txHash, etherscanAddress, }: HashProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/index.d.ts

@@ -0,0 +1,4 @@
+export * from './details';
+export * from './hash';
+export * from './protocol';
+export * from './token-list';

package/dist/types/components/composites/credit-account-history/cells/protocol.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ProtocolData } from '../types';
+export interface ProtocolProps {
+    readonly protocol: ProtocolData;
+    readonly isUnderlying?: boolean;
+}
+export declare function Protocol({ isUnderlying, protocol: { icon, name }, }: ProtocolProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/cells/token-list.d.ts

@@ -0,0 +1,9 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { DetailsEntry } from '../types';
+export interface TokenListProps {
+    readonly data: Array<DetailsEntry>;
+    readonly tokensList: Record<Address, TokenData>;
+}
+export declare function TokenList({ data, tokensList, }: TokenListProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/credit-account-history.d.ts

@@ -0,0 +1,15 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { CreditAccountOperationLike, ProtocolsList } from './types';
+export interface CreditAccountHistoryProps {
+    readonly creditManager: {
+        underlyingToken: Address;
+    };
+    readonly tokens: Record<Address, TokenData>;
+    readonly protocols: ProtocolsList | undefined;
+    readonly dataList: Array<CreditAccountOperationLike>;
+    readonly isLoading?: boolean;
+    readonly explorerUrl?: string;
+}
+export declare const CreditAccountHistory: React.NamedExoticComponent<CreditAccountHistoryProps>;

package/dist/types/components/composites/credit-account-history/index.d.ts

@@ -0,0 +1,2 @@
+export * from './credit-account-history';
+export * from './types';

package/dist/types/components/composites/credit-account-history/line.d.ts

@@ -0,0 +1,18 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { Address } from 'viem';
+import { CreditAccountOperationLike, OperationDetails, ProtocolsList } from './types';
+export interface HistoryLineProps {
+    readonly data: CreditAccountOperationLike;
+    readonly details: OperationDetails;
+    readonly tokens: Record<Address, TokenData>;
+    readonly protocols: ProtocolsList | undefined;
+    readonly hideBorder: boolean;
+    readonly index: {
+        index: number;
+        outOf: number;
+    };
+    readonly underlyingToken: Address;
+    readonly explorerUrl?: string;
+}
+export declare function HistoryLine({ data, details, tokens, protocols, hideBorder, index, underlyingToken, explorerUrl, }: HistoryLineProps): React.ReactElement;

package/dist/types/components/composites/credit-account-history/types.d.ts

@@ -0,0 +1,36 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { Address } from 'viem';
+export declare const ZERO_ADDRESS: Address;
+export interface DetailsEntry {
+    readonly token?: Address;
+    readonly account?: Address;
+    readonly description?: string;
+}
+export interface OperationDetails {
+    readonly from: Array<DetailsEntry>;
+    readonly leverage?: string;
+    readonly to?: Array<DetailsEntry>;
+}
+export interface ProtocolData {
+    readonly name: string;
+    readonly icon: string;
+}
+export type ProtocolsList = Record<Address, ProtocolData>;
+export declare const GEARBOX_PROTOCOL_INFO: ProtocolData;
+export interface CreditAccountOperationLike {
+    readonly txHash: string;
+    readonly date: string;
+    readonly time: string;
+    readonly timestamp: number;
+    readonly protocol: string;
+    readonly sessionId: string;
+    readonly blockNum: number;
+    readonly operation: string;
+    readonly operationType: string;
+    getDetails(token: Address, tokensList: Record<Address, TokenData>): [OperationDetails, Array<CreditAccountOperationLike>?];
+}
+export interface OpenCreditAccountLike extends CreditAccountOperationLike {
+    readonly from: bigint;
+    readonly leverage: number;
+}
+export declare const isMulticallOperation: (op: unknown) => boolean;

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

@@ -1,3 +1,4 @@
+export * from './credit-account-history';
 export * from './oracles-and-lt-table';
 export * from './pool-assets-table';
 export * from './pool-credit-manager-info';

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

@@ -1,7 +1,9 @@
-import { ChartOptions, DeepPartial, LineWidth, Time, LineStyle } from 'lightweight-charts';
+import { ChartOptions, DeepPartial, LineStyle, LineWidth, Time, LineStyle as LineStyleEnum } from 'lightweight-charts';
 import { Point, YMeasureUnits } from './formatters';
 import { GraphTooltipProps } from './graph-tooltip';
 import * as React from "react";
+export type SeriesPriceScaleId = "left" | "right";
+export type SeriesChartType = "area" | "line";
 export interface SeriesConfig {
     data: Array<Point>;
     label: string;
@@ -14,6 +16,12 @@ export interface SeriesConfig {
     /** Lower gradient of the area fill */
     bottomColor?: string;
     yMeasureUnit?: YMeasureUnits;
+    /** Price scale when `dualYAxis` is enabled on Graph. */
+    priceScaleId?: SeriesPriceScaleId;
+    /** Render as line (no fill) instead of area. */
+    seriesType?: SeriesChartType;
+    /** Line dash style (line series only). */
+    lineStyle?: LineStyle;
 }
 export type VerticalLineOptions = Partial<{
     color: string;
@@ -23,6 +31,11 @@ export type VerticalLineOptions = Partial<{
     labelBackgroundColor: string;
     labelTextColor: string;
     showLabel: boolean;
+    /**
+     * Text shown only on hover of the line's badge (not rendered inline). Use it
+     * for a longer explanation while the badge itself shows just the value.
+     */
+    tooltipText: string;
 }>;
 /**
  * Horizontal reference line drawn at a fixed Y (price) value, e.g. a
@@ -45,7 +58,7 @@ export interface PriceLineConfig {
     /** Line thickness (1–4). Default 1. */
     lineWidth?: LineWidth;
     /** Line dash style. Default dashed. */
-    lineStyle?: LineStyle;
+    lineStyle?: LineStyleEnum;
     /** Whether to render the value label on the price axis. Default true. */
     axisLabelVisible?: boolean;
 }
@@ -137,6 +150,17 @@ export interface GraphProps {
      * own scale and fills the chart independently.
      */
     useSharedPriceScale?: boolean;
+    /**
+     * When true, renders left and right Y axes using each series'
+     * `priceScaleId` ("left" | "right"). Ignores per-series hidden scales.
+     */
+    dualYAxis?: boolean;
+    /** Preferred default price scale when both left and right are visible. */
+    defaultVisiblePriceScaleId?: SeriesPriceScaleId;
+    /** Optional label for the left Y axis (dualYAxis mode). */
+    leftPriceScaleTitle?: string;
+    /** Optional label for the right Y axis (dualYAxis mode). */
+    rightPriceScaleTitle?: string;
     /**
      * When true (default), shows the current value and date in the top-left corner
      * in single-series mode. Set to false to hide.
@@ -170,10 +194,28 @@ export interface GraphProps {
      * axis drag-to-scale, axis double-click reset, and scroll/drag panning.
      */
     disableZoom?: boolean;
+    /**
+     * When true, the floating value tooltip is not pinned to the latest data
+     * point by default in multi-scale (separate Y axes) mode. The tooltip still
+     * appears while hovering the chart. Has no effect in single/shared-scale
+     * mode, where the default tooltip is already hidden.
+     */
+    hideDefaultTooltip?: boolean;
 }
 /**
  * Graph component that renders a chart using lightweight-charts library
  * with support for area series, custom tooltips, and vertical line annotations
  * Supports single or multiple series with different colors and legends
  */
-export declare function Graph({ series, className, showLegend, onUnselectSeries, xMeasureUnit, yMeasureUnit, optionsOverrides, verticalLineOptions, priceLineOptions, zoneOptions, currentValueDecimals, useSharedPriceScale, showCurrentValue, graphTitle, yScaleMin, yScaleMinMultiple, visibleTimeFrom, disableZoom, }: GraphProps): React.ReactElement;
+export declare function Graph({ series, className, showLegend, onUnselectSeries, xMeasureUnit, yMeasureUnit, optionsOverrides, verticalLineOptions, priceLineOptions, zoneOptions, currentValueDecimals, useSharedPriceScale, dualYAxis, defaultVisiblePriceScaleId, leftPriceScaleTitle, rightPriceScaleTitle: _rightPriceScaleTitle, showCurrentValue, graphTitle, yScaleMin, yScaleMinMultiple, visibleTimeFrom, disableZoom, hideDefaultTooltip, }: GraphProps): React.ReactElement;
+export interface GraphLegendProps {
+    series: Array<SeriesConfig>;
+    onUnselect?: (label: string) => void;
+    /**
+     * When true, the legend is laid out inline (no absolute positioning) so it
+     * can be placed in a toolbar/header slot. When false (default), it overlays
+     * the top-left corner of the chart.
+     */
+    inline?: boolean;
+}
+export declare function GraphLegend({ series, onUnselect, inline, }: GraphLegendProps): React.ReactElement;

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

@@ -1,6 +1,6 @@
 export * from './default-config';
 export { getXFormatter, getXFormatters, getYFormatter, type Point as GraphPoint, type XFormatters, type XMeasureUnits, type YMeasureUnits, } from './formatters';
-export { DEFAULT_SERIES_COLORS, Graph, type GraphProps, getSeriesColorPalette, getVerticalLineTooltipContent, type PriceLineConfig, type PriceZoneConfig, type SeriesColorPalette, type SeriesConfig, type VerticalLineOptions, } from './graph';
+export { DEFAULT_SERIES_COLORS, Graph, GraphLegend, type GraphLegendProps, type GraphProps, getSeriesColorPalette, getVerticalLineTooltipContent, type PriceLineConfig, type PriceZoneConfig, type SeriesColorPalette, type SeriesConfig, type VerticalLineOptions, } from './graph';
 export * from './graph-current-value';
 export * from './graph-tooltip';
 export * from './graph-view';

package/dist/types/components/trading-view/trading-view.d.ts

@@ -1,3 +1,4 @@
+import { LineStyle } from 'lightweight-charts';
 import { RangeButtonsProps } from '../buttons/range-buttons/range-buttons';
 import { YMeasureUnits } from '../graph/formatters';
 import { GraphViewWithDataProps } from '../graph/graph-view';
@@ -26,6 +27,12 @@ export interface GraphData {
     topColor?: string;
     /** Area fill gradient bottom */
     bottomColor?: string;
+    /** Price scale when Graph `dualYAxis` is enabled. */
+    priceScaleId?: "left" | "right";
+    /** Render as line instead of area. */
+    seriesType?: "area" | "line";
+    /** Line dash style (line series). */
+    lineStyle?: LineStyle;
 }
 /**
  * TradingView component props
@@ -61,6 +68,13 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
     graphsWithNoData?: Set<T>;
     /** Set of graph values that are currently loading */
     loadingGraphs?: Set<T>;
+    /**
+     * Explicit loading state. When provided, it takes precedence over the loading
+     * state inferred from `loadingGraphs`/`data`. Use it when the series list is
+     * empty while the underlying query is still pending (otherwise the chart would
+     * briefly show "no data" before data arrives).
+     */
+    isLoading?: boolean;
     /** Message to show when user selects a graph with no data */
     noDataMessage?: string;
     /**
@@ -157,4 +171,4 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
  * />
  * ```
  */
-export declare function TradingView<T extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, graphsWithNoData, loadingGraphs, noDataMessage, currentValueDecimals, containerClassName, useSharedPriceScale, showCurrentValue, yScaleMin, yScaleMinMultiple, seriesColorPersistenceKey, ...restProps }: TradingViewProps<T>): React.ReactElement;
+export declare function TradingView<T extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, graphsWithNoData, loadingGraphs, isLoading: isLoadingProp, noDataMessage, currentValueDecimals, containerClassName, useSharedPriceScale, showCurrentValue, yScaleMin, yScaleMinMultiple, seriesColorPersistenceKey, ...restProps }: TradingViewProps<T>): React.ReactElement;

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

@@ -22,6 +22,10 @@ declare const _default: {
   "components.blockSyncPill.syncedAt": ", synced at {time}",
   "components.blockSyncPill.syncing": ", syncing…",
 
+  "components.creditAccountHistory.table.protocol": "Protocol",
+  "components.creditAccountHistory.table.operation": "Operation",
+  "components.creditAccountHistory.table.details": "Details",
+
   "components.liquidationPrice.check": "Check Area",
 
   "components.loading.loading": "Loading",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.14.0-next.34",
+  "version": "3.14.0-next.36",
   "description": "Internal UI components",
   "repository": {
     "type": "git",
@@ -113,7 +113,7 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lightweight-charts": "^5.1.0",
+    "lightweight-charts": "^5.2.0",
     "luxon": "^3.5.0",
     "react-infinite-scroll-component": "^6.1.0",
     "react-markdown": "^10.1.0",