@gearbox-protocol/ui-kit 4.0.0-next.63 → 4.0.0-next.65

package/dist/types/components/base/leverage-input/leverage-input.d.ts

@@ -16,7 +16,6 @@ export interface LeverageInputProps {
     readonly onChange: (value: Leverage) => void;
     readonly max: Leverage;
     readonly min?: Leverage;
-    readonly step?: number;
     /** Label above the slider; defaults to the "Leverage" locale string. */
     readonly title?: TitleText;
     /** Muted note rendered right after the label. */
@@ -37,7 +36,8 @@ export interface LeverageInputProps {
 type TitleSize = "sm" | "default" | "md" | "lg";
 /**
  * Target leverage of a position, bounded by what the strategy allows.
- * Title row carries an inline-editable value (`N.NNx`) and an optional reset;
+ * Title row carries an inline-editable value (`N.Nx`, hundredths kept where the
+ * value has them) and an optional reset;
  * the slider below can show risk bands via `colorIntervals`.
  */
 export declare function LeverageInput({ value, onChange, max, min, title, hint, reset, colorIntervals, colorIntervalLabel, size, }: LeverageInputProps): React.ReactElement;

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

@@ -123,10 +123,6 @@ export interface GraphProps {
     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.
@@ -173,7 +169,7 @@ export interface GraphProps {
  * 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, dualYAxis, defaultVisiblePriceScaleId, leftPriceScaleTitle, rightPriceScaleTitle: _rightPriceScaleTitle, showCurrentValue, graphTitle, yScaleMin, yScaleMinMultiple, visibleTimeFrom, disableZoom, hideDefaultTooltip, }: GraphProps): React.ReactElement;
+export declare function Graph({ series, className, showLegend, onUnselectSeries, xMeasureUnit, yMeasureUnit, optionsOverrides, verticalLineOptions, priceLineOptions, zoneOptions, currentValueDecimals, useSharedPriceScale, dualYAxis, defaultVisiblePriceScaleId, 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

package/dist/types/components/graph/series-config.d.ts

@@ -29,3 +29,16 @@ export interface SeriesConfig {
     /** Line dash style (line series only). */
     lineStyle?: LineStyle;
 }
+/**
+ * The left/right split the chart draws in `dualYAxis` mode: an explicit
+ * `priceScaleId` wins, otherwise the first series takes the left scale and the
+ * rest the right one.
+ *
+ * Only series carrying points advance that count, because a series with none is
+ * never added to the chart — counting it would push every series after it onto
+ * the wrong axis.
+ */
+export declare function resolvePriceScaleSides(series: ReadonlyArray<SeriesConfig>): Array<{
+    series: SeriesConfig;
+    side: SeriesPriceScaleId;
+}>;

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

@@ -0,0 +1,4 @@
+export declare class TradingViewTest {
+    static priceScaleTitles: string;
+    static priceScaleTitle: (side: "left" | "right") => string;
+}

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

@@ -1 +1,2 @@
+export * from './constants';
 export * from './trading-view';

package/dist/types/components/trading-view/price-scale-titles.d.ts

@@ -0,0 +1,16 @@
+import { SeriesConfig } from '../graph/series-config';
+import type * as React from "react";
+export interface PriceScaleTitlesProps {
+    /** Pass the list the legend is built from, so the two always agree. */
+    readonly series: ReadonlyArray<SeriesConfig>;
+}
+/**
+ * Names the series on each Y axis, above the chart frame.
+ *
+ * Two scales and nothing on the canvas says which line is read against which,
+ * and lightweight-charts has no price-scale title of its own. Sitting above the
+ * frame rather than over the plot keeps it off the series, and the wording is
+ * the legend label, so the two can never disagree about what a series is
+ * called.
+ */
+export declare function PriceScaleTitles({ series, }: PriceScaleTitlesProps): React.ReactElement;

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

@@ -189,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, legendMarkers, 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, dualYAxis, showCurrentValue, yScaleMin, yScaleMinMultiple, seriesColorPersistenceKey, title, trailing, ...restProps }: TradingViewProps<T, TRange>): React.ReactElement;

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

@@ -30,7 +30,7 @@ declare const _default: {
   "components.apyParts.totalAPY": "Overall APY",
 
   "components.yieldBreakdown.titleNetAtLeverage": "Net APY at {leverage}× Leverage",
-  "components.yieldBreakdown.titleNetAtLeverage7d": "Net APY at {leverage}× Leverage (7d)",
+  "components.yieldBreakdown.titleNetAtLeverage7d": "Net APY (7d) at {leverage}× Leverage",
   "components.yieldBreakdown.titleNet": "Net APY",
   "components.yieldBreakdown.titleNet7d": "Net APY (7d)",
   "components.yieldBreakdown.collateralApy": "Collateral APY",

package/dist/types/utils/format-leverage.d.ts

@@ -1,5 +1,13 @@
 /**
- * Display leverage with two decimal places, e.g. `5.79` for `5.7857…`.
+ * Display leverage with one decimal place, e.g. `5.8` for `5.7857…`.
  * The suffix (`x`) / prefix (`×`) stays at the call site.
  */
 export declare function formatLeverage(value: number): string;
+/**
+ * Leverage keeping the hundredths a value actually carries: `9` → `9.0`,
+ * `9.57` → `9.57`. For the slider, whose track ends on an exact `maxLeverage`,
+ * and for its edit field, whose text is parsed back into the target: the
+ * protocol's own resolution is 0.01, so `formatLeverage` there would silently
+ * move the position.
+ */
+export declare function formatLeverageExact(value: number): string;

package/dist/types/utils/leverage-presets.d.ts

@@ -1,5 +1,7 @@
 /**
  * Leverage chips beside the strategy yield chart: 30% and 70% of the
- * (1 → max) span, rounded to 0.5, plus max itself.
+ * (1 → max) span, rounded to 0.5, plus max itself. The 0.5 rounding can
+ * overshoot a fractional `max` (1.4 would yield a 1.5 chip), so each step is
+ * capped — the dialogs seed their initial leverage from this list.
  */
 export declare function leveragePresets(max: number): number[];

package/package.json

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

package/dist/cjs/components/base/leverage-preset-chips/format-chip-leverage.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e){return e.toFixed(2).replace(/\.?0+$/,"")}exports.formatChipLeverage=r;

package/dist/esm/components/base/leverage-preset-chips/format-chip-leverage.js

@@ -1,6 +0,0 @@
-function r(e) {
-  return e.toFixed(2).replace(/\.?0+$/, "");
-}
-export {
-  r as formatChipLeverage
-};

package/dist/types/components/base/leverage-preset-chips/format-chip-leverage.d.ts

@@ -1,5 +0,0 @@
-/**
- * Chip / subtitle leverage without trailing zeros: `5`, `5.5`, `9.54`.
- * Its own module: LeveragePresetChips reads it, no consumer does.
- */
-export declare function formatChipLeverage(leverage: number): string;