@gearbox-protocol/ui-kit 4.0.0-next.71 → 4.0.0-next.72

package/dist/cjs/components/base/values/scalars.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("viem"),a=require("../../compound-apy/compound-apy.cjs"),r=require("../../no-value/no-value.cjs"),c=require("../../tooltip/simple-tooltip.cjs");require("../../tooltip/tooltip.cjs");const p=require("../../../utils/cn.cjs"),d=require("../../../utils/format-leverage.cjs"),m=require("../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/onchain");require("../../../utils/z-index.cjs");const V=require("../../../utils/internal/format-asset-amount.cjs"),u=require("../../../utils/internal/format-bps.cjs"),s=require("./constants.cjs");function f({data:e,tooltip:n=!0,period:i}){return e===void 0?t.jsx(r.NoValue,{reason:i}):typeof e=="number"?t.jsx("span",{"data-testid":s.ValueTest.apy,children:u.bps(e)}):t.jsx("span",{"data-testid":s.ValueTest.apy,children:t.jsx(a.CompoundAPY,{apy:e,tooltip:n,period:i})})}function x({data:e}){return e==null?t.jsx(r.NoValue,{}):t.jsx("span",{"data-testid":s.ValueTest.usd,children:m.formatMoney(e)})}function j({data:e}){return e===void 0?t.jsx(r.NoValue,{}):t.jsx("span",{"data-testid":s.ValueTest.leverage,children:`${d.formatLeverage(e)}x`})}function v({data:e}){return e===void 0?t.jsx(r.NoValue,{}):t.jsx("span",{"data-testid":s.ValueTest.utilization,children:u.bps(e)})}function _({data:e}){if(e===void 0)return t.jsx(r.NoValue,{});const n=e<1e4?"text-destructive":e<11e3?"text-warning":"text-success";return t.jsx("span",{"data-testid":s.ValueTest.healthFactor,className:p.cn(n),children:(e/1e4).toFixed(2)})}function h({data:e,token:n,showSymbol:i=!0}){if(e===void 0||n===void 0)return t.jsx(r.NoValue,{});const o=l.formatUnits(e,n.decimals);return t.jsxs("span",{"data-testid":s.ValueTest.tokenBigint,title:`${o} ${n.symbol}`,children:[t.jsx(c.SimpleTooltip,{placement:"top",className:"break-all",title:t.jsx("span",{children:V.formatAssetAmount(e,n.decimals)}),children:t.jsx("span",{children:o})}),i&&` ${n.symbol}`]})}exports.ApyValue=f;exports.HealthFactorValue=_;exports.LeverageValue=j;exports.TokenBigint=h;exports.UsdValue=x;exports.UtilizationValue=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("viem"),a=require("../../compound-apy/compound-apy.cjs"),i=require("../../no-value/no-value.cjs"),c=require("../../tooltip/simple-tooltip.cjs");require("../../tooltip/tooltip.cjs");const p=require("../../../utils/cn.cjs"),d=require("../../../utils/format-leverage.cjs"),m=require("../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/onchain");require("../../../utils/z-index.cjs");const V=require("../../../utils/internal/format-asset-amount.cjs"),u=require("../../../utils/internal/format-bps.cjs"),s=require("./constants.cjs");function f({data:e,tooltip:n=!0,period:r}){return e===void 0?t.jsx(i.NoValue,{reason:r}):typeof e=="number"?t.jsx("span",{"data-testid":s.ValueTest.apy,children:u.bps(e)}):t.jsx("span",{"data-testid":s.ValueTest.apy,children:t.jsx(a.CompoundAPY,{apy:e,tooltip:n,period:r})})}function x({data:e}){return e==null?t.jsx(i.NoValue,{}):t.jsx("span",{"data-testid":s.ValueTest.usd,children:m.formatMoney(e)})}function j({data:e}){return e===void 0?t.jsx(i.NoValue,{}):t.jsx("span",{"data-testid":s.ValueTest.leverage,children:`${d.formatLeverage(e)}x`})}function v({data:e}){return e===void 0?t.jsx(i.NoValue,{}):t.jsx("span",{"data-testid":s.ValueTest.utilization,children:u.bps(e)})}function _({data:e,debt:n}){if(e===void 0)return t.jsx(i.NoValue,{});const r=n===0n?void 0:e<1e4?"text-destructive":e<11e3?"text-warning":"text-success";return t.jsx("span",{"data-testid":s.ValueTest.healthFactor,className:p.cn(r),children:(e/1e4).toFixed(2)})}function h({data:e,token:n,showSymbol:r=!0}){if(e===void 0||n===void 0)return t.jsx(i.NoValue,{});const o=l.formatUnits(e,n.decimals);return t.jsxs("span",{"data-testid":s.ValueTest.tokenBigint,title:`${o} ${n.symbol}`,children:[t.jsx(c.SimpleTooltip,{placement:"top",className:"break-all",title:t.jsx("span",{children:V.formatAssetAmount(e,n.decimals)}),children:t.jsx("span",{children:o})}),r&&` ${n.symbol}`]})}exports.ApyValue=f;exports.HealthFactorValue=_;exports.LeverageValue=j;exports.TokenBigint=h;exports.UsdValue=x;exports.UtilizationValue=v;

package/dist/esm/components/base/values/scalars.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { formatUnits as u } from "viem";
 import { CompoundAPY as p } from "../../compound-apy/compound-apy.js";
-import { NoValue as n } from "../../no-value/no-value.js";
+import { NoValue as o } from "../../no-value/no-value.js";
 import { SimpleTooltip as a } from "../../tooltip/simple-tooltip.js";
 import "../../tooltip/tooltip.js";
 import { cn as f } from "../../../utils/cn.js";
@@ -15,40 +15,41 @@ import { ValueTest as i } from "./constants.js";
 function B({
   data: t,
   tooltip: e = !0,
-  period: o
+  period: n
 }) {
-  return t === void 0 ? /* @__PURE__ */ r(n, { reason: o }) : typeof t == "number" ? /* @__PURE__ */ r("span", { "data-testid": i.apy, children: m(t) }) : /* @__PURE__ */ r("span", { "data-testid": i.apy, children: /* @__PURE__ */ r(p, { apy: t, tooltip: e, period: o }) });
+  return t === void 0 ? /* @__PURE__ */ r(o, { reason: n }) : typeof t == "number" ? /* @__PURE__ */ r("span", { "data-testid": i.apy, children: m(t) }) : /* @__PURE__ */ r("span", { "data-testid": i.apy, children: /* @__PURE__ */ r(p, { apy: t, tooltip: e, period: n }) });
 }
 function L({
   data: t
 }) {
-  return t == null ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r("span", { "data-testid": i.usd, children: d(t) });
+  return t == null ? /* @__PURE__ */ r(o, {}) : /* @__PURE__ */ r("span", { "data-testid": i.usd, children: d(t) });
 }
 function w({
   data: t
 }) {
-  return t === void 0 ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r("span", { "data-testid": i.leverage, children: `${c(t)}x` });
+  return t === void 0 ? /* @__PURE__ */ r(o, {}) : /* @__PURE__ */ r("span", { "data-testid": i.leverage, children: `${c(t)}x` });
 }
 function C({
   data: t
 }) {
-  return t === void 0 ? /* @__PURE__ */ r(n, {}) : /* @__PURE__ */ r("span", { "data-testid": i.utilization, children: m(t) });
+  return t === void 0 ? /* @__PURE__ */ r(o, {}) : /* @__PURE__ */ r("span", { "data-testid": i.utilization, children: m(t) });
 }
 function H({
-  data: t
+  data: t,
+  debt: e
 }) {
   if (t === void 0)
-    return /* @__PURE__ */ r(n, {});
-  const e = t < 1e4 ? "text-destructive" : t < 11e3 ? "text-warning" : "text-success";
-  return /* @__PURE__ */ r("span", { "data-testid": i.healthFactor, className: f(e), children: (t / 1e4).toFixed(2) });
+    return /* @__PURE__ */ r(o, {});
+  const n = e === 0n ? void 0 : t < 1e4 ? "text-destructive" : t < 11e3 ? "text-warning" : "text-success";
+  return /* @__PURE__ */ r("span", { "data-testid": i.healthFactor, className: f(n), children: (t / 1e4).toFixed(2) });
 }
 function M({
   data: t,
   token: e,
-  showSymbol: o = !0
+  showSymbol: n = !0
 }) {
   if (t === void 0 || e === void 0)
-    return /* @__PURE__ */ r(n, {});
+    return /* @__PURE__ */ r(o, {});
   const s = u(t, e.decimals);
   return (
     // `title` also keeps the amount where a hover tooltip cannot reach:
@@ -64,7 +65,7 @@ function M({
           children: /* @__PURE__ */ r("span", { children: s })
         }
       ),
-      o && ` ${e.symbol}`
+      n && ` ${e.symbol}`
     ] })
   );
 }

package/dist/types/components/base/values/scalars.d.ts

@@ -36,9 +36,19 @@ export declare function LeverageValue({ data, }: {
 export declare function UtilizationValue({ data, }: {
     readonly data: Bps | undefined;
 }): React.ReactElement;
-/** Health factor with its zone: below 1 the account is liquidatable. */
-export declare function HealthFactorValue({ data, }: {
+/**
+ * Health factor with its zone: below 1 the account is liquidatable.
+ *
+ * Pass `debt` wherever a repaid account can reach this: with nothing to
+ * liquidate the figure has no zone, and the SDK reports one that would read as
+ * the worst there is — `0` bps from the on-chain `MAX_UINT256` sentinel, or
+ * `65535` down the price-failed path. The figure still shows; only the colour
+ * goes. ({@link HealthFactor}, the block, takes the same prop and answers
+ * "N/A" instead — a table cell that blanks out loses its column's alignment.)
+ */
+export declare function HealthFactorValue({ data, debt, }: {
     readonly data: Bps | undefined;
+    readonly debt?: bigint;
 }): React.ReactElement;
 /**
  * A bare `bigint` in token units (simulate previews carry these): the only

package/package.json

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