@gearbox-protocol/ui-kit 4.0.0-next.67 → 4.0.0-next.68

package/dist/esm/components/graph/graph.js

@@ -719,7 +719,12 @@ function to({
           ...p.options || {}
         };
         m.color && (m.color = re(m.color, m.color));
-        const y = new _t(t, a, p.xCoordinate, m);
+        const y = new _t(
+          t,
+          a,
+          p.xCoordinate,
+          m
+        );
         a.attachPrimitive(y), r.push(y);
       }
     }

package/dist/types/components/base/manage-pane/manage-pane.d.ts

@@ -2,15 +2,15 @@ import { default as React } from 'react';
 import { TitleText } from '../text';
 import { ManagePaneTest } from './constants';
 export { ManagePaneTest };
-export interface ManagePaneTabProps {
-    readonly id: string;
+export interface ManagePaneTabProps<T extends string = string> {
+    readonly id: T;
     readonly title: TitleText;
     readonly disabled?: boolean;
     /** Content is selectable (e.g. from the dropdown) but not shown in the segment. */
     readonly hidden?: boolean;
     readonly children?: React.ReactNode;
 }
-export declare function ManagePaneTab(_props: ManagePaneTabProps): null;
+export declare function ManagePaneTab<T extends string>(_props: ManagePaneTabProps<T>): null;
 export interface ManagePaneTabDropdownItem {
     readonly id: string;
     readonly title: React.ReactNode;
@@ -20,20 +20,20 @@ export interface ManagePaneTabDropdownProps {
     readonly items: ReadonlyArray<ManagePaneTabDropdownItem>;
 }
 export declare function ManagePaneTabDropdown(_props: ManagePaneTabDropdownProps): null;
-export interface ManagePaneActionTabProps {
-    readonly id: string;
+export interface ManagePaneActionTabProps<T extends string = string> {
+    readonly id: T;
     readonly title: TitleText;
     /** Fires without changing the active tab (e.g. "My positions"). */
     readonly onClick?: () => void;
     /** When set, a click opens this content in a dialog instead of switching tabs. */
     readonly children?: React.ReactNode;
 }
-export declare function ManagePaneActionTab(_props: ManagePaneActionTabProps): null;
-export interface ManagePaneProps {
+export declare function ManagePaneActionTab<T extends string>(_props: ManagePaneActionTabProps<T>): null;
+export interface ManagePaneProps<T extends string> {
     readonly children: React.ReactNode;
     /** Controlled active tab — the screen owns it (usually `?operation=`). */
-    readonly activeTab: string;
-    readonly onTabChange: (id: string) => void;
+    readonly activeTab: T;
+    readonly onTabChange: (id: T) => void;
     readonly header?: React.ReactNode;
     readonly footer?: React.ReactNode;
     /** Rendered to the right of the tabs (e.g. the settings button). */
@@ -45,7 +45,7 @@ export interface ManagePaneProps {
  * dropdown and actions) above one card that shows the active tab's content.
  * Controlled only — no hash state of its own.
  */
-export declare function ManagePane({ children, activeTab, onTabChange, header, footer, actions, testId, }: ManagePaneProps): React.ReactElement;
+export declare function ManagePane<T extends string>({ children, activeTab, onTabChange, header, footer, actions, testId, }: ManagePaneProps<T>): React.ReactElement;
 /** Body shown in place of a dialog when the tab has nothing to act on (no position, no wallet). */
 export declare function ManagePaneMessage({ children, }: {
     readonly children: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import { ChartOptions, DeepPartial, Time } from 'lightweight-charts';
+import { ChartOptions, DeepPartial } from 'lightweight-charts';
 import { Point, YMeasureUnits } from './formatters';
 import { GraphTooltipProps } from './graph-tooltip';
 import { PriceLineConfig, PriceZoneConfig } from './graph-vocabulary';
@@ -90,7 +90,8 @@ export interface GraphProps {
     xMeasureUnit?: GraphTooltipProps["xMeasureUnit"];
     optionsOverrides?: DeepPartial<ChartOptions>;
     verticalLineOptions?: Array<{
-        xCoordinate: Time;
+        /** Same scale as `GraphPoint.timestamp`; branded for the chart internally. */
+        xCoordinate: number;
         options?: VerticalLineOptions;
     }>;
     /**

package/package.json

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