@gearbox-protocol/ui-kit 4.0.0-next.62 → 4.0.0-next.64

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/table/grid-table.d.ts

@@ -128,58 +128,6 @@ interface GridTableRowProps extends GridProps {
      */
     rel?: string;
 }
-/**
- * GridTableRow — row component of a GridTable.
- *
- * @usage
- * Use GridTableRow to create table rows in grid tables:
- * data rows, table entries with hover effects and borders.
- *
- * Props:
- * - `cols` — number of columns or custom grid template.
- * - `gap` — gap between cells (defaults to 0).
- * - `last` — whether this is the last row (removes bottom border).
- * - `height` — custom height for the row (string or number in pixels).
- * - `hideValue` — whether to hide value cells (for loading states).
- * - `onRowClick` — click handler for the row (makes entire row clickable).
- * - `href` — URL for the row link (renders as `<a>`, supports native link behavior).
- * - `target` — link target (e.g., "_blank"). Only used with `href`.
- * - `rel` — link rel attribute. Only used with `href`.
- *
- * Note: Automatically applies bottom border, hover effects, and selected state styling to all child elements.
- *
- * @example
- * ```tsx
- * <GridTableRow>
- *   <GridTableCell>Data</GridTableCell>
- * </GridTableRow>
- *
- * // Last row (no bottom border)
- * <GridTableRow last>
- *   <GridTableCell>Last row</GridTableCell>
- * </GridTableRow>
- *
- * // Custom height
- * <GridTableRow height="50px">
- *   <GridTableCell>Tall row</GridTableCell>
- * </GridTableRow>
- *
- * // Clickable row
- * <GridTableRow onRowClick={() => navigate('/details/123')}>
- *   <GridTableCell>Clickable row</GridTableCell>
- * </GridTableRow>
- *
- * // Link row (native <a> element)
- * <GridTableRow href="/pools/0x1234">
- *   <GridTableCell>Linked row</GridTableCell>
- * </GridTableRow>
- *
- * // External link row
- * <GridTableRow href="https://etherscan.io" target="_blank">
- *   <GridTableCell>External link row</GridTableCell>
- * </GridTableRow>
- * ```
- */
 declare const GridTableRow: React.ForwardRefExoticComponent<GridTableRowProps & React.RefAttributes<HTMLDivElement | HTMLAnchorElement>>;
 declare const gridTableHeadVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;

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/package.json

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