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

package/dist/cjs/components/base/history-chart/history-chart.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),I=require("@gearbox-protocol/sdk/model"),A=require("react"),j=require("../text/use-title-text.cjs"),w=require("../../trading-view/trading-view.cjs"),M=require("../../typed-intl/index.cjs"),_=require("./constants.cjs"),E=I.CHART_RANGES,G={"1d":"1D","1w":"7D","1m":"1M","1y":"1Y",max:"MAX"};function L({data:t,range:e,onRange:a,isLoading:S=!1,error:x,yMeasureUnit:c="none",height:v,seriesTitles:l,priceLines:p,zones:y,showCurrentValue:C=!1,yScaleMin:T,title:h,trailing:b,dualYAxis:q}){const f=M.useIntlTyped(),R=j.useTitleText(),r=A.useMemo(()=>Array.isArray(c)?c:void 0,[c]),d=r!=null&&new Set(r).size>1,u=q??d,m=r?.[0],H=A.useMemo(()=>{const i=(n,o)=>{if(!u)return n;if(d&&r!=null&&m!=null){const s=r[o]??m;return{...n,priceScaleId:s===m?"left":"right"}}return{...n,priceScaleId:o===0?"left":"right"}};if(t)return(Array.isArray(t)?t:[t]).map((o,s)=>i(O(l)(o),s));if(l)return Object.entries(l).map(([n,o],s)=>i({id:n,title:o,data:[]},s))},[t,l,d,u,m,r]);return g.jsx("div",{"data-testid":_.HistoryChartTest.root,children:g.jsx(w.TradingView,{data:H,isLoading:S,error:x?f.formatMessage({messageId:"components.historyChart.error"}):void 0,emptyMessage:f.formatMessage({messageId:"components.historyChart.empty"}),dualYAxis:u,useSharedPriceScale:!u,yMeasureUnit:c,height:v,rangeList:E.map(i=>({value:i,label:G[i]})),range:e,setRange:a,priceLineOptions:p?[...p]:void 0,zoneOptions:y?[...y]:void 0,showCurrentValue:C,yScaleMin:T,disableZoom:!0,title:h!=null?R(h):void 0,trailing:b})})}function O(t){return e=>({id:e.metric,title:t?.[e.metric]??e.metric,data:e.points.map(a=>({time:a.timestamp,value:a.value}))})}exports.HistoryChartTest=_.HistoryChartTest;exports.HistoryChart=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),j=require("@gearbox-protocol/sdk/model"),A=require("react"),w=require("../text/use-title-text.cjs"),M=require("../../trading-view/trading-view.cjs"),E=require("../../typed-intl/index.cjs"),_=require("./constants.cjs"),G=j.CHART_RANGES,L={"1d":"1D","1w":"7D","1m":"1M","1y":"1Y",max:"MAX"};function O({data:t,range:e,onRange:a,isLoading:S=!1,error:x,yMeasureUnit:c="none",height:v,seriesTitles:l,priceLines:p,zones:y,showCurrentValue:C=!1,yScaleMin:T,title:h,trailing:b,emptyMessage:q,dualYAxis:R}){const f=E.useIntlTyped(),H=w.useTitleText(),r=A.useMemo(()=>Array.isArray(c)?c:void 0,[c]),d=r!=null&&new Set(r).size>1,u=R??d,m=r?.[0],I=A.useMemo(()=>{const i=(n,o)=>{if(!u)return n;if(d&&r!=null&&m!=null){const s=r[o]??m;return{...n,priceScaleId:s===m?"left":"right"}}return{...n,priceScaleId:o===0?"left":"right"}};if(t)return(Array.isArray(t)?t:[t]).map((o,s)=>i(D(l)(o),s));if(l)return Object.entries(l).map(([n,o],s)=>i({id:n,title:o,data:[]},s))},[t,l,d,u,m,r]);return g.jsx("div",{"data-testid":_.HistoryChartTest.root,children:g.jsx(M.TradingView,{data:I,isLoading:S,error:x?f.formatMessage({messageId:"components.historyChart.error"}):void 0,emptyMessage:q??f.formatMessage({messageId:"components.historyChart.empty"}),dualYAxis:u,useSharedPriceScale:!u,yMeasureUnit:c,height:v,rangeList:G.map(i=>({value:i,label:L[i]})),range:e,setRange:a,priceLineOptions:p?[...p]:void 0,zoneOptions:y?[...y]:void 0,showCurrentValue:C,yScaleMin:T,disableZoom:!0,title:h!=null?H(h):void 0,trailing:b})})}function D(t){return e=>({id:e.metric,title:t?.[e.metric]??e.metric,data:e.points.map(a=>({time:a.timestamp,value:a.value}))})}exports.HistoryChartTest=_.HistoryChartTest;exports.HistoryChart=O;

package/dist/cjs/utils/format-price.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t){const i=Math.abs(t)>=1e3?0:2;return`${t<0?"-":""}$${Math.abs(t).toLocaleString("en-US",{minimumFractionDigits:i,maximumFractionDigits:i})}`}exports.formatUsdPrice=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m(t){const i=Math.abs(t),o=t<0?"-":"",n=i>=1e3?0:2,s=i>0&&i<1?{minimumSignificantDigits:2,maximumSignificantDigits:2}:{minimumFractionDigits:n,maximumFractionDigits:n};return`${o}$${i.toLocaleString("en-US",s)}`}exports.formatUsdPrice=m;

package/dist/esm/components/base/history-chart/history-chart.js

@@ -1,18 +1,18 @@
 import { jsx as y } from "react/jsx-runtime";
-import { CHART_RANGES as b } from "@gearbox-protocol/sdk/model";
+import { CHART_RANGES as w } from "@gearbox-protocol/sdk/model";
 import { useMemo as S } from "react";
-import { useTitleText as w } from "../text/use-title-text.js";
-import { TradingView as D } from "../../trading-view/trading-view.js";
-import { useIntlTyped as H } from "../../typed-intl/index.js";
-import { HistoryChartTest as M } from "./constants.js";
-const N = b, O = {
+import { useTitleText as D } from "../text/use-title-text.js";
+import { TradingView as H } from "../../trading-view/trading-view.js";
+import { useIntlTyped as M } from "../../typed-intl/index.js";
+import { HistoryChartTest as N } from "./constants.js";
+const O = w, T = {
   "1d": "1D",
   "1w": "7D",
   "1m": "1M",
   "1y": "1Y",
   max: "MAX"
 };
-function X({
+function Z({
   data: t,
   range: r,
   onRange: a,
@@ -27,12 +27,13 @@ function X({
   yScaleMin: I,
   title: A,
   trailing: R,
-  dualYAxis: E
+  emptyMessage: E,
+  dualYAxis: G
 }) {
-  const h = H(), G = w(), o = S(
+  const h = M(), L = D(), o = S(
     () => Array.isArray(m) ? m : void 0,
     [m]
-  ), p = o != null && new Set(o).size > 1, l = E ?? p, d = o?.[0], L = S(() => {
+  ), p = o != null && new Set(o).size > 1, l = G ?? p, d = o?.[0], b = S(() => {
     const n = (e, i) => {
       if (!l) return e;
       if (p && o != null && d != null) {
@@ -49,7 +50,7 @@ function X({
     };
     if (t)
       return (Array.isArray(t) ? t : [t]).map(
-        (i, s) => n(T(c)(i), s)
+        (i, s) => n(Y(c)(i), s)
       );
     if (c)
       return Object.entries(c).map(
@@ -63,22 +64,20 @@ function X({
         )
       );
   }, [t, c, p, l, d, o]);
-  return /* @__PURE__ */ y("div", { "data-testid": M.root, children: /* @__PURE__ */ y(
-    D,
+  return /* @__PURE__ */ y("div", { "data-testid": N.root, children: /* @__PURE__ */ y(
+    H,
     {
-      data: L,
+      data: b,
       isLoading: g,
       error: v ? h.formatMessage({ messageId: "components.historyChart.error" }) : void 0,
-      emptyMessage: h.formatMessage({
-        messageId: "components.historyChart.empty"
-      }),
+      emptyMessage: E ?? h.formatMessage({ messageId: "components.historyChart.empty" }),
       dualYAxis: l,
       useSharedPriceScale: !l,
       yMeasureUnit: m,
       height: x,
-      rangeList: N.map((n) => ({
+      rangeList: O.map((n) => ({
         value: n,
-        label: O[n]
+        label: T[n]
       })),
       range: r,
       setRange: a,
@@ -87,12 +86,12 @@ function X({
       showCurrentValue: C,
       yScaleMin: I,
       disableZoom: !0,
-      title: A != null ? G(A) : void 0,
+      title: A != null ? L(A) : void 0,
       trailing: R
     }
   ) });
 }
-function T(t) {
+function Y(t) {
   return (r) => ({
     id: r.metric,
     title: t?.[r.metric] ?? r.metric,
@@ -103,6 +102,6 @@ function T(t) {
   });
 }
 export {
-  X as HistoryChart,
-  M as HistoryChartTest
+  Z as HistoryChart,
+  N as HistoryChartTest
 };

package/dist/esm/utils/format-price.js

@@ -1,10 +1,7 @@
-function s(i) {
-  const t = Math.abs(i) >= 1e3 ? 0 : 2;
-  return `${i < 0 ? "-" : ""}$${Math.abs(i).toLocaleString("en-US", {
-    minimumFractionDigits: t,
-    maximumFractionDigits: t
-  })}`;
+function o(t) {
+  const i = Math.abs(t), s = t < 0 ? "-" : "", n = i >= 1e3 ? 0 : 2, m = i > 0 && i < 1 ? { minimumSignificantDigits: 2, maximumSignificantDigits: 2 } : { minimumFractionDigits: n, maximumFractionDigits: n };
+  return `${s}$${i.toLocaleString("en-US", m)}`;
 }
 export {
-  s as formatUsdPrice
+  o as formatUsdPrice
 };

package/dist/types/components/base/history-chart/history-chart.d.ts

@@ -47,6 +47,11 @@ export interface HistoryChartProps {
     readonly title?: TitleText;
     /** Controls to the left of the range dropdown (e.g. leverage chips). */
     readonly trailing?: React.ReactNode;
+    /**
+     * Replaces the default "No data" placeholder when the range holds no points,
+     * e.g. a screen that knows the series is still being indexed.
+     */
+    readonly emptyMessage?: React.ReactNode;
     /**
      * Force a second Y-axis. When omitted, the chart splits axes only if
      * `yMeasureUnit` lists more than one distinct unit. Same-unit series share
@@ -59,4 +64,4 @@ export interface HistoryChartProps {
  * below the frame, tooltips, optional reference lines and zones. Takes the SDK's
  * a `HistorySeries` as it comes — points are mapped 1:1, no fetching.
  */
-export declare function HistoryChart({ data, range, onRange, isLoading, error, yMeasureUnit, height, seriesTitles, priceLines, zones, showCurrentValue, yScaleMin, title, trailing, dualYAxis: dualYAxisProp, }: HistoryChartProps): React.ReactElement;
+export declare function HistoryChart({ data, range, onRange, isLoading, error, yMeasureUnit, height, seriesTitles, priceLines, zones, showCurrentValue, yScaleMin, title, trailing, emptyMessage, dualYAxis: dualYAxisProp, }: HistoryChartProps): React.ReactElement;

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

@@ -29,7 +29,7 @@ export interface GraphViewProps extends React.HTMLAttributes<HTMLDivElement>, Va
     /**
      * Optional empty state message
      */
-    emptyMessage?: string;
+    emptyMessage?: React.ReactNode;
     /**
      * Optional error message
      */

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

@@ -1,14 +1,17 @@
 /**
  * A price as a table shows it: no `K`/`M` abbreviation, and precision that
- * follows magnitude — cents below a thousand, whole units at or above it.
+ * follows magnitude — whole units at or above a thousand, cents down to one,
+ * and two significant digits below that, where cents would round everything
+ * to `$0.00`.
  *
  * `formatMoney` cannot do this: it routes through the SDK's `formatBN`, which
  * abbreviates unconditionally and has no switch.
  *
  * @example
  * ```ts
- * formatUsdPrice(4.2055)  // "$4.21"
- * formatUsdPrice(3412.5)  // "$3,413"
+ * formatUsdPrice(4.2055)    // "$4.21"
+ * formatUsdPrice(3412.5)    // "$3,413"
+ * formatUsdPrice(0.0004205) // "$0.00042"
  * ```
  */
 export declare function formatUsdPrice(value: number): string;

package/package.json

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