@gearbox-protocol/permissionless-ui 1.24.1 → 1.25.0

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

@@ -178,7 +178,7 @@ declare const GraphView: React.ForwardRefExoticComponent<GraphViewProps & React.
  * />
  * ```
  */
-export declare function GraphViewWithData({ series, data, graphId, onUnselectSeries, loading, title, description, toolbar, emptyMessage, error, containerClassName, variant, size, padding, yMeasureUnit, ...restProps }: GraphViewWithDataProps): React.ReactElement;
+export declare function GraphViewWithData({ series, data, graphId, onUnselectSeries, loading, title, description, toolbar, emptyMessage, error, containerClassName, variant, size, padding, yMeasureUnit, showCurrentValue, ...restProps }: GraphViewWithDataProps): React.ReactElement;
 /**
  * Custom hook to manage graph sizing with an aside element
  *

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

@@ -10,14 +10,23 @@ export interface SeriesConfig {
     bottomColor?: string;
     yMeasureUnit?: YMeasureUnits;
 }
-type VerticalLineOptions = Partial<{
+export type VerticalLineOptions = Partial<{
     color: string;
     labelText: string;
+    value?: string | number;
     width: number;
     labelBackgroundColor: string;
     labelTextColor: string;
     showLabel: boolean;
 }>;
+/**
+ * Returns formatted label and value strings for a vertical line tooltip.
+ * Used by Graph and by tests.
+ */
+export declare function getVerticalLineTooltipContent(opts: VerticalLineOptions, yMeasureUnit: YMeasureUnits, currentValueDecimals: number | undefined): {
+    labelText: string;
+    valueStr: string;
+};
 /**
  * Palette ordered for maximum contrast; first color is the original teal.
  * Greens/teals are spread out so that when only a subset of series is visible,
@@ -62,11 +71,15 @@ export interface GraphProps {
      * own scale and fills the chart independently.
      */
     useSharedPriceScale?: boolean;
+    /**
+     * When true (default), shows the current value and date in the top-left corner
+     * in single-series mode. Set to false to hide.
+     */
+    showCurrentValue?: 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, currentValueDecimals, useSharedPriceScale, }: GraphProps): React.ReactElement;
-export {};
+export declare function Graph({ series, className, showLegend, onUnselectSeries, xMeasureUnit, yMeasureUnit, optionsOverrides, verticalLineOptions, currentValueDecimals, useSharedPriceScale, showCurrentValue, }: GraphProps): React.ReactElement;

package/dist/types/components/graph/plugins/vertical-line.d.ts

@@ -2,6 +2,8 @@ import { IChartApi, ISeriesApi, ISeriesPrimitive, ISeriesPrimitiveAxisView, ISer
 export interface VertLineOptions {
   color: string;
   labelText: string;
+  /** Optional value shown in the top tooltip (used by Graph overlay) */
+  value?: string | number;
   width: number;
   labelBackgroundColor: string;
   labelTextColor: string;

package/dist/types/components/tab-control/tab-control.d.ts

@@ -4,13 +4,14 @@ export interface TabControl<T extends string> {
     disabled?: boolean;
 }
 export interface TabControlProps<T extends string> {
+    className?: string;
     tabs: Array<TabControl<T>>;
     state: UseTabControlReturnType<T>;
     showBorder?: boolean;
     variant?: "equal" | "auto";
     tabItemWrapPadding?: string;
 }
-export declare function TabControl<T extends string>({ tabs, state: controlState, showBorder, tabItemWrapPadding, variant, }: TabControlProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TabControl<T extends string>({ className, tabs, state: controlState, showBorder, tabItemWrapPadding, variant, }: TabControlProps<T>): import("react/jsx-runtime").JSX.Element;
 interface TabItemProps {
     icon?: React.ReactNode;
     label: React.ReactNode;

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

@@ -63,6 +63,11 @@ export interface TradingViewProps<T extends string = string> extends Omit<GraphV
      * actual relative values (e.g. "part" vs "whole" like Ethereum vs All Networks).
      */
     useSharedPriceScale?: boolean;
+    /**
+     * When true (default), shows the current value and date in the top-left corner
+     * in single-series mode. Set to false to hide.
+     */
+    showCurrentValue?: boolean;
 }
 /**
  * TradingView — comprehensive charting component with graph selection and time range controls.
@@ -119,4 +124,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, ...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, noDataMessage, currentValueDecimals, containerClassName, useSharedPriceScale, showCurrentValue, ...restProps }: TradingViewProps<T>): React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.24.1",
+  "version": "1.25.0",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
@@ -82,7 +82,7 @@
     "lightweight-charts": "^4.1.3",
     "luxon": "^3.5.0",
     "react-infinite-scroll-component": "^6.1.0",
-    "react-markdown": "^9.0.3",
+    "react-markdown": "^10.1.0",
     "react-markdown-math": "^1.0.2",
     "react-slick": "^0.31.0",
     "remark-gfm": "^4.0.0",