@gearbox-protocol/ui-kit 4.0.0-next.35 → 4.0.0-next.36

package/dist/cjs/components/base/values/pnl-value.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk/onchain");const n=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const r=require("./constants.cjs");function i({data:t}){if(t===void 0||t.total.valueUsd===null)return s.jsx("span",{"data-testid":r.ValueTest.placeholder,children:"—"});const e=t.total.valueUsd,u=e>0?"+":e<0?"−":"";return s.jsx("span",{"data-testid":r.ValueTest.pnl,className:n.cn(e>0&&"text-success",e<0&&"text-destructive"),children:`${u}$${Math.abs(e).toFixed(2)}`})}exports.PnlValue=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk/onchain");const u=require("../../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../utils/z-index.cjs");const r=require("./constants.cjs");function i({data:t}){const e=typeof t=="number"?t:t?.total.valueUsd??null;if(e===null)return s.jsx("span",{"data-testid":r.ValueTest.placeholder,children:"—"});const n=e>0?"+":e<0?"−":"";return s.jsx("span",{"data-testid":r.ValueTest.pnl,className:u.cn(e>0&&"text-success",e<0&&"text-destructive"),children:`${n}$${Math.abs(e).toFixed(2)}`})}exports.PnlValue=i;

package/dist/esm/components/base/values/pnl-value.js

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../../utils/cn.js";
@@ -6,17 +6,18 @@ import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../../utils/z-index.js";
-import { ValueTest as r } from "./constants.js";
+import { ValueTest as o } from "./constants.js";
 function x({
   data: e
 }) {
-  if (e === void 0 || e.total.valueUsd === null)
-    return /* @__PURE__ */ o("span", { "data-testid": r.placeholder, children: "—" });
-  const t = e.total.valueUsd, i = t > 0 ? "+" : t < 0 ? "−" : "";
-  return /* @__PURE__ */ o(
+  const t = typeof e == "number" ? e : e?.total.valueUsd ?? null;
+  if (t === null)
+    return /* @__PURE__ */ r("span", { "data-testid": o.placeholder, children: "—" });
+  const i = t > 0 ? "+" : t < 0 ? "−" : "";
+  return /* @__PURE__ */ r(
     "span",
     {
-      "data-testid": r.pnl,
+      "data-testid": o.pnl,
       className: s(t > 0 && "text-success", t < 0 && "text-destructive"),
       children: `${i}$${Math.abs(t).toFixed(2)}`
     }

package/dist/types/components/base/values/pnl-value.d.ts

@@ -1,6 +1,12 @@
 import { PnlBreakdown } from '@gearbox-protocol/sdk/model';
 import { default as React } from 'react';
-/** Realised + unrealised PnL of a position, signed. */
+/**
+ * Realised + unrealised PnL, signed.
+ *
+ * A breakdown (a position's own) or a bare USD figure (a wallet's total, which
+ * the model carries as a plain number) — the same pairing {@link ApyValue}
+ * makes between a breakdown and a bare rate.
+ */
 export declare function PnlValue({ data, }: {
-    readonly data: PnlBreakdown | undefined;
+    readonly data: PnlBreakdown | number | null | undefined;
 }): React.ReactElement;

package/package.json

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