@gearbox-protocol/ui-kit 4.0.0-next.37 → 4.0.0-next.39

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

@@ -233,8 +233,21 @@ export interface GraphProps {
  * 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, dualYAxis, defaultVisiblePriceScaleId, leftPriceScaleTitle, rightPriceScaleTitle: _rightPriceScaleTitle, showCurrentValue, graphTitle, yScaleMin, yScaleMinMultiple, visibleTimeFrom, disableZoom, hideDefaultTooltip, }: GraphProps): React.ReactElement;
+/**
+ * A legend entry that is not a data series — a vertical marker line, say.
+ * Such a line is drawn by its own layer and never reaches `series`, so
+ * without this the chart shows a coloured line nothing on screen names.
+ */
+export interface GraphLegendMarker {
+    id: string;
+    label: string;
+    /** Same value handed to the line itself, so legend and line agree. */
+    color: string;
+}
 export interface GraphLegendProps {
     series: Array<SeriesConfig>;
+    /** Non-series entries, rendered after the series in the same row. */
+    markers?: ReadonlyArray<GraphLegendMarker>;
     onUnselect?: (label: string) => void;
     /**
      * When true, the legend is laid out inline (no absolute positioning) so it
@@ -243,4 +256,4 @@ export interface GraphLegendProps {
      */
     inline?: boolean;
 }
-export declare function GraphLegend({ series, onUnselect, inline, }: GraphLegendProps): React.ReactElement;
+export declare function GraphLegend({ series, markers, 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, GraphLegend, type GraphLegendProps, type GraphProps, getSeriesColorPalette, getVerticalLineLabelStyle, getVerticalLineTooltipContent, type PriceLineConfig, type PriceZoneConfig, type SeriesColorPalette, type SeriesConfig, type VerticalLineOptions, } from './graph';
+export { DEFAULT_SERIES_COLORS, Graph, GraphLegend, type GraphLegendMarker, type GraphLegendProps, type GraphProps, getSeriesColorPalette, getVerticalLineLabelStyle, 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,6 +1,7 @@
 import { LineStyle } from 'lightweight-charts';
 import { RangeButtonsProps } from '../buttons/range-buttons/range-buttons';
 import { YMeasureUnits } from '../graph/formatters';
+import { GraphLegendMarker } from '../graph/graph';
 import { GraphViewWithDataProps } from '../graph/graph-view';
 import { GraphDropdownItem, GraphDropdownProps } from './graph-dropdown';
 import type * as React from "react";
@@ -68,6 +69,12 @@ export interface TradingViewProps<T extends string = string, TRange extends stri
     isGraphExpanded?: boolean;
     /** Callback when series is unselected from legend */
     onUnselectSeries?: (label: string) => void;
+    /**
+     * Legend entries for things that are not data series — the vertical marker
+     * lines, which are drawn by their own layer and never reach `data`. Without
+     * them the plot shows coloured lines the legend does not account for.
+     */
+    legendMarkers?: ReadonlyArray<GraphLegendMarker>;
     /** Set of graph values that have no data available */
     graphsWithNoData?: Set<T>;
     /** Set of graph values that are currently loading */
@@ -182,4 +189,4 @@ export interface TradingViewProps<T extends string = string, TRange extends stri
  * />
  * ```
  */
-export declare function TradingView<T extends string = string, TRange 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, title, trailing, ...restProps }: TradingViewProps<T, TRange>): React.ReactElement;
+export declare function TradingView<T extends string = string, TRange extends string = string>({ data, yMeasureUnit, height, defaultGraph, onGraphSelected, graphs, isMultipleSelect, range, rangeList, setRange, onGraphExpanded, isGraphExpanded, onUnselectSeries, legendMarkers, graphsWithNoData, loadingGraphs, isLoading: isLoadingProp, noDataMessage, currentValueDecimals, containerClassName, useSharedPriceScale, showCurrentValue, yScaleMin, yScaleMinMultiple, seriesColorPersistenceKey, title, trailing, ...restProps }: TradingViewProps<T, TRange>): React.ReactElement;

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

@@ -63,20 +63,20 @@ declare const _default: {
   "components.APY.tip": "These APYs are derived from the underlying protocols’ APIs and may differ in reality. Check respective protocols for their methodology.",
 
   "components.creditSessionDetailedLiquidation.graph.noData": "No data",
-  "components.creditSessionDetailedLiquidation.graph.legend.point": "Current price",
+  "components.creditSessionDetailedLiquidation.graph.legend.point": "Current Price",
   "components.creditSessionDetailedLiquidation.graph.legend.area": "Liquidation Area",
   "components.creditSessionDetailedLiquidation.graph.tip.hf": "Health Factor",
   "components.creditSessionDetailedLiquidation.graph.tip.price": "Price",
   "components.creditSessionDetailedLiquidation.table.noData": "No data",
   "components.creditSessionDetailedLiquidation.table.seeGraph": "See graph",
   "components.creditSessionDetailedLiquidation.table.asset": "Asset",
-  "components.creditSessionDetailedLiquidation.table.currentPrice": "Current price",
-  "components.creditSessionDetailedLiquidation.table.modelPrice": "Model price",
+  "components.creditSessionDetailedLiquidation.table.currentPrice": "Current Price",
+  "components.creditSessionDetailedLiquidation.table.modelPrice": "Model Price",
 
   "components.apyParts.features.points": "Points",
   "components.apyParts.features.incent": "Incent.",
   "components.apyParts.supplyAPY": "Organic APY",
-  "components.apyParts.title": "APY type",
+  "components.apyParts.title": "APY Type",
   "components.apyParts.supplyAPY.tip": "Yield from lending funds",
   "components.apyParts.tokenYield": "Intrinsic APY",
   "components.apyParts.tokenYield.tip": "Yield from holding wstETH",
@@ -106,10 +106,10 @@ declare const _default: {
   "components.openCopyButtons.explorer": "View in explorer",
 
   "components.poolAssetsTable.asset": "Name",
-  "components.poolAssetsTable.rate": "Effective rate",
+  "components.poolAssetsTable.rate": "Effective Rate",
   "components.poolAssetsTable.exposure": "Exposure",
   "components.poolAssetsTable.cap": "Cap",
-  "components.poolAssetsTable.capUtilization": "Cap utilization",
+  "components.poolAssetsTable.capUtilization": "Cap Utilization",
   "components.poolAssetsTable.usage": "{amount} of {total}",
   "components.poolAssetsTable.head.name": "Credit Manager",
   "components.poolAssetsTable.head.currentDebt": "Current Debt",
@@ -120,13 +120,13 @@ declare const _default: {
   "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",
+  "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",
 
@@ -145,9 +145,9 @@ declare const _default: {
   "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",
   "components.poolTable.depositApy": "Deposit APY",
   "components.poolTable.depositApy.tip": "Deposit APY breakdown: base rate, extra rewards, and points",
-  "components.poolTable.borrowApy": "Borrow APY",
+  "components.poolTable.borrowApy": "Borrow Rate",
   "components.poolTable.utilizationApy": "Utilization APY",
-  "components.poolTable.borrowApy.tip": "On top of the utilization borrow APY, there is a borrow quota APY for different assets",
+  "components.poolTable.borrowApy.tip": "On top of the utilization borrow rate, there is a borrow quota rate for different assets",
   "components.poolTable.utilization": "Utilization",
   "components.poolTable.collateral": "Collateral",
   "components.poolTable.collateral.showAll": "Show All",
@@ -166,7 +166,7 @@ declare const _default: {
   "components.rewardsTooltip.without.extra.tip": "Any deposit through Gearbox",
   "components.rewardsTooltip.with.title": "With {leverage} Leverage",
   "components.rewardsTooltip.with.borrowRate": "{symbol} borrow rate",
-  "components.rewardsTooltip.with.quotaRate": "Quota rate",
+  "components.rewardsTooltip.with.quotaRate": "Quota Rate",
   "components.rewardsTooltip.with.extra": "+ Extra APR",
   "components.rewardsTooltip.button": "Click to show rewards details",
 
@@ -195,15 +195,15 @@ declare const _default: {
 
   "components.leverageInput.label": "Leverage",
   "components.leverageInput.reset": "Reset",
-  "components.leverageInput.available": "Available leverage",
+  "components.leverageInput.available": "Available Leverage",
 
-  "components.healthFactorBlock.label": "Health factor",
+  "components.healthFactorBlock.label": "Health Factor",
   "components.healthFactorBlock.tip": "Health Factor is a numeric representation of your account 'health'. If your health factor drops below 1 or close to it, you might be liquidated.",
 
   "components.liquidationPriceBlock.label": "Liquidation Price",
   "components.liquidationPriceBlock.tip": "The asset price at which the account's health factor would reach 1 and become eligible for liquidation.",
 
-  "components.timeToLiquidationBlock.label": "Time to liquidation",
+  "components.timeToLiquidationBlock.label": "Time to Liquidation",
   "components.timeToLiquidationBlock.tip": "Time to liquidation estimates how long the account can stay open if prices remain constant and no yield is earned—only accounting for borrow interest accrual.",
 
   "components.historyChart.error": "Couldn't load chart data",
@@ -232,16 +232,16 @@ declare const _default: {
 
   "components.leveragePresetChips.label": "Leverage:",
 
-  "components.liquidationParamsTable.lt": "Liquidation threshold",
-  "components.liquidationParamsTable.penalty": "Liquidation discount",
-  "components.liquidationParamsTable.premium": "Liquidation premium",
-  "components.liquidationParamsTable.fee": "Liquidation fee",
+  "components.liquidationParamsTable.lt": "Liquidation Threshold",
+  "components.liquidationParamsTable.penalty": "Liquidation Discount",
+  "components.liquidationParamsTable.premium": "Liquidation Premium",
+  "components.liquidationParamsTable.fee": "Liquidation Fee",
 
-  "components.borrowRateBlock.label": "Borrow rate",
+  "components.borrowRateBlock.label": "Borrow Rate",
   "components.borrowRateBlock.tip": "Borrow rate is displayed for your entire position size in total. You can reduce it in quota management.",
   "components.borrowRateBlock.description": "Your borrow rate consists of the Base Rate plus the Quota Rates for every asset separately.",
   "components.borrowRateBlock.baseRate": "Base Rate for Debt",
-  "components.borrowRateBlock.normalization": "Rates normalization",
+  "components.borrowRateBlock.normalization": "Rates Normalization",
   "components.borrowRateBlock.normalization.tip": "Borrowers pay {quota} and {utilization}, which have a different base. Therefore, the total borrow rate value is normalized by Account value or Debt amount.",
 
   "components.transactionConfirm.previewLoading": "Parsing transaction…",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.37",
+  "version": "4.0.0-next.39",
   "description": "Internal UI components",
   "repository": {
     "type": "git",