@gearbox-protocol/ui-kit 4.0.0-next.56 → 4.0.0-next.58

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

@@ -31,6 +31,27 @@ export interface SeriesConfig {
 }
 /** Chart-instance key: stable `id` when set, otherwise the display `label`. */
 export declare function seriesIdentity(series: Pick<SeriesConfig, "id" | "label">): string;
+export interface VisibleLogicalRangeInput {
+    readonly lastIndex: number;
+    readonly width: number;
+    readonly padLeft: boolean;
+    readonly padRight: boolean;
+    readonly paddingPx?: number;
+}
+/**
+ * Logical range that shows every bar, plus optional plot-area air so a
+ * centred `dd MMM` date label is not clipped by the frame.
+ *
+ * Computed from the point count rather than `getVisibleLogicalRange()`:
+ * `setVisibleRange` in lightweight-charts is applied on the next animation
+ * frame, so reading the scale back immediately returns the previous (or
+ * default `barSpacing: 6`) window and a follow-up `setVisibleLogicalRange`
+ * would replace the full-period request with a truncated one.
+ */
+export declare function visibleLogicalRangeFor({ lastIndex, width, padLeft, padRight, paddingPx, }: VisibleLogicalRangeInput): {
+    from: number;
+    to: number;
+} | null;
 export type VerticalLineOptions = Partial<{
     color: string;
     labelText: string;
@@ -206,10 +227,10 @@ export interface GraphProps {
      */
     yScaleMinMultiple?: number;
     /**
-     * Minimum visible time (unix seconds).  When set, the X axis never zooms
-     * in further than this value — even if the current series data starts later.
-     * Useful for keeping the full selected time range (e.g. 1Y) when switching
-     * between series with different data coverage.
+     * Minimum visible time (unix seconds). When set, leading whitespace is
+     * injected so a later-starting series still occupies the selected window.
+     * It does not change the logical range applied below: `timeToIndex` with
+     * `findNearest` already snaps a time before the first point to index 0.
      */
     visibleTimeFrom?: number;
     /**

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

@@ -42,6 +42,7 @@ export * from './legal-agreement';
 export * from './link';
 export * from './loader';
 export * from './loading';
+export * from './markdown-text';
 export * from './modal';
 export * from './name-cell';
 export * from './navbar-logo';
@@ -78,6 +79,7 @@ export * from './token-symbol';
 export * from './token-template';
 export * from './tooltip';
 export * from './trading-view';
+export * from './truncated-text';
 export * from './typed-intl';
 export * from './typography';
 export * from './vertical-indicator';

package/dist/types/components/markdown-text/index.d.ts

@@ -0,0 +1 @@
+export * from './markdown-text';

package/dist/types/components/markdown-text/markdown-text.d.ts

@@ -0,0 +1,6 @@
+import type * as React from "react";
+export interface MarkdownTextProps {
+    readonly content: string;
+    readonly className?: string;
+}
+export declare const MarkdownText: React.NamedExoticComponent<MarkdownTextProps>;

package/dist/types/components/truncated-text/index.d.ts

@@ -0,0 +1 @@
+export * from './truncated-text';

package/dist/types/components/truncated-text/truncated-text.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+export interface TruncatedTextProps {
+    readonly text: string;
+    readonly className?: string;
+    readonly "data-testid"?: string;
+}
+/**
+ * Single-line text that clips with an ellipsis and exposes a native tooltip
+ * (`title`) only when the content is actually truncated. The overflow check
+ * runs on hover/focus, so the tooltip text is in place before the browser
+ * shows it and there is no extra render.
+ */
+export declare function TruncatedText({ text, className, "data-testid": dataTestId, }: TruncatedTextProps): React.ReactElement;

package/dist/types/index.d.ts

@@ -44,6 +44,7 @@ export * from './components/legal-agreement';
 export * from './components/link';
 export * from './components/loader';
 export * from './components/loading';
+export * from './components/markdown-text';
 export * from './components/modal';
 export * from './components/name-cell';
 export * from './components/navbar-logo';
@@ -81,6 +82,7 @@ export * from './components/token-symbol';
 export * from './components/token-template';
 export * from './components/tooltip';
 export * from './components/trading-view';
+export * from './components/truncated-text';
 export * from './components/typed-intl';
 export * from './components/typography';
 export * from './components/vertical-indicator';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "4.0.0-next.56",
+  "version": "4.0.0-next.58",
   "description": "Internal UI components",
   "repository": {
     "type": "git",
@@ -73,6 +73,8 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "react-markdown": "^10.1.0",
+    "remark-gfm": "^4.0.1",
     "lightweight-charts": "^5.2.1",
     "luxon": "^3.5.0",
     "tailwind-merge": "^3.4.0",