@gearbox-protocol/ui-kit 3.14.0-next.46 → 3.14.0-next.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs +1 -1
- package/dist/cjs/components/health-factor/health-factor.cjs +1 -1
- package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js +43 -36
- package/dist/esm/components/health-factor/health-factor.js +27 -26
- package/dist/types/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.d.ts +2 -1
- package/dist/types/components/health-factor/health-factor.d.ts +6 -3
- package/package.json +1 -1
package/dist/cjs/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("class-variance-authority");require("../../../../accordion/accordion.cjs");require("@gearbox-protocol/static");require("react");require("@fortawesome/free-solid-svg-icons");require("../../../../icons/fa-icon.cjs");require("@gearbox-protocol/sdk");const m=require("../../../../../utils/cn.cjs");require("sonner");const d=require("../../../../../utils/format-money.cjs");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../../../../utils/z-index.cjs");require("../../../../alert-badge/alert-badge.cjs");require("../../../../alert-dialog/alert-dialog.cjs");require("../../../../alert-modal/alert-modal.cjs");require("../../../../tooltip/simple-tooltip.cjs");require("../../../../tooltip/tooltip.cjs");require("react-intl");require("../../../../arc-loader/arc-loader.cjs");require("../../../../asset-line/asset-line.cjs");require("../../../../buttons/back-button/back-button.cjs");require("../../../../buttons/button/button.cjs");require("../../../../buttons/copy-button/copy-button.cjs");require("../../../../buttons/external-button/external-button.cjs");require("../../../../buttons/filter-button/filter-button.cjs");require("../../../../buttons/navigation-button/navigation-button.cjs");require("../../../../buttons/tab-button/tab-button.cjs");const x=require("../../../../token-icon/token-icon.cjs");require("wagmi");require("../../../../auth/wallet-ui-context.cjs");require("../../../../avatar/avatar.cjs");require("../../../../badge/badge.cjs");require("../../../../base-link/base-link.cjs");require("../../../../navigation-context/navigation-context.cjs");require("../../../../button-checkbox/button-checkbox.cjs");require("../../../../card-grid/card-grid.cjs");require("../../../../cards/card/card.cjs");require("../../../../carousel/carousel.cjs");require("../../../../checkbox/checkbox.cjs");require("../../../../checkbox/checkbox-labeled.cjs");require("../../../../checkbox-item/checkbox-item.cjs");require("../../../../client-adapters/styled-button/styled-button.cjs");require("../../../../client-adapters/styled-dialog-container/styled-dialog-container.cjs");require("../../../../client-adapters/styled-rounded-image/styled-rounded-image.cjs");require("../../../../colored-text/colored-text.cjs");require("../../../../input/input.cjs");require("../../../../with-title/with-title.cjs");require("../../../../smart-number-input/balance-indicator.cjs");require("../../../../smart-number-input/smart-number-input.cjs");require("../../../credit-account-history/credit-account-history.cjs");require("../../../../simple-dropdown/simple-dropdown.cjs");require("../../../../simple-dropdown/simple-dropdown-menu-item.cjs");require("../../../../typography/typography.cjs");require("../../../../table/grid-table.cjs");const p=require("../../../../token-symbol/token-symbol.cjs");require("../../../../help-tip/help-tip.cjs");require("../../../../description/description.cjs");const f=require("../../../../token-template/token-template.cjs");require("../../../../confirm-menu/confirm-menu.cjs");require("../../../../dialog/dialog-modal-container.cjs");require("../../../../text-button/text-button.cjs");require("../../../../vertical-indicator/vertical-indicator.cjs");require("../../../../points-icon/points-icon.cjs");require("../../../../skeleton/skeleton.cjs");require("../../../../vertical-list/vertical-list.cjs");require("../../../../rounded-image/rounded-image.cjs");require("../../../../progress/progress.cjs");require("../../../../pool-indicator-icon/pool-indicator-icon.cjs");require("../../../strategies-table/components/feature/feature.styles.cjs");require("viem");require("../../../../icon-button/icon-button.cjs");require("../../../../separate-line/separate-line.cjs");require("../../../../tip-card/tip-card.cjs");require("../../../strategies-table/components/rewards-tooltip/rewards-tooltip-root.cjs");require("../../../../currency-button/currency-button.cjs");require("../../../../detailed-apy/detailed-apy.cjs");require("../../../../detailed-page-title/detailed-page-title.cjs");require("../../../../detailed-page-title/detailed-page-title-copy-button.cjs");require("../../../../detailed-page-title/detailed-page-title-explorer-dropdown.cjs");require("../../../../modal/modal.cjs");require("@radix-ui/react-dialog");require("../../../../dialog/dialog-container.cjs");require("../../../../dialog/dialog-content.cjs");require("../../../../dialog/dialog-description.cjs");require("../../../../dialog/dialog-footer.cjs");require("../../../../dialog/dialog-header.cjs");require("../../../../dialog/dialog-title.cjs");require("../../../../dialog/dialog-overlay.cjs");require("../../../../label/label.cjs");require("../../../../dropdown-menu/dropdown-menu.cjs");require("../../../../dropdown-menu/dropdown-menu-checkbox-item.cjs");require("../../../../dropdown-menu/dropdown-menu-content.cjs");require("../../../../dropdown-menu/dropdown-menu-item.cjs");require("../../../../dropdown-menu/dropdown-menu-label.cjs");require("../../../../dropdown-menu/dropdown-menu-radio-item.cjs");require("../../../../dropdown-menu/dropdown-menu-separator.cjs");require("../../../../dropdown-menu/dropdown-menu-shortcut.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-content.cjs");require("../../../../dropdown-menu/dropdown-menu-sub-trigger.cjs");require("../../../../edit-input/edit-input.cjs");const g=require("../../../../fadeout-loading/fadeout-loading.cjs");require("../../../../filter/filter-block.cjs");require("../../../../filter/filter-checkbox-item.cjs");require("../../../../filter/filter-chip.cjs");require("../../../../filter/filter-chips.cjs");require("../../../../filter/filter-dropdown-item.cjs");require("../../../../filter/filter-group.cjs");require("../../../../filter/filter-label.cjs");require("../../../../search-line/search-line.cjs");require("../../../../tabs/tabs.cjs");require("../../../../filter/filter-modal-item.cjs");require("../../../../filter/filter-radio-item.cjs");require("../../../../filter/filter-separator.cjs");require("../../../../filter/variants.cjs");require("../../../../graph/formatters.cjs");require("lightweight-charts");require("../../../../graph/graph-view.cjs");require("../../../../health-factor/health-factor.cjs");require("../../../../horizontal-indicator/horizontal-indicator.cjs");require("../../../../layout/app-footer/app-footer.cjs");require("../../../../layout/app-header/app-header.cjs");require("../../../../layout/col/col.cjs");require("../../../../layout/container/container.cjs");require("../../../../layout/footer/footer.cjs");require("../../../../layout/grid/grid.cjs");require("../../../../layout/header/header.cjs");require("../../../../layout/layout/layout.cjs");require("../../../../layout/main-aside-layout/main-aside-layout.cjs");require("../../../../page-title/page-title.cjs");require("../../../../layout/social-icons/social-icons.cjs");require("../../../../legal-agreement/legal-agreement-theme.cjs");require("../../../../link/link.cjs");require("../../../../../utils/reactochart-compat.cjs");require("../../../../status-elements/status-elements.cjs");require("../../../../loader/loader.cjs");require("../../../../loading/loading.cjs");require("../../../../loading-bar/loading-bar.cjs");require("react-markdown");require("remark-gfm");require("../../../../navbar/navbar.cjs");require("../../../../navbar/navbar-indicator-context.cjs");require("../../../../app-bar/app-bar.cjs");require("../../../../navitem/navitem.cjs");require("../../../../progress-bar/progress-bar.cjs");require("../../../../radio-group/radio-group.cjs");require("../../../../search-bar/search-bar.cjs");require("../../../../segmented-control/segmented-control.cjs");require("../../../../select/select.cjs");require("../../../../separator/separator.cjs");require("../../../../simple-accordion/simple-accordion.cjs");require("../../../../slider/slider.cjs");require("../../../../slider/slider-context.cjs");require("@radix-ui/react-slider");require("../../../../spinner/spinner.cjs");require("../../../../spinner-loader/spinner-loader.cjs");require("../../../../split-list/split-list.cjs");require("../../../../stat-badge/stat-badge.cjs");require("../../../../status-dot/status-dot.cjs");require("../../../../stepper/stepper.cjs");require("../../../../switch/switch.cjs");require("../../../../table/table.cjs");require("../../../../table/grid-table-loader.cjs");require("../../../../textarea/textarea.cjs");require("../../../../theme-provider.cjs");require("../../../../time-to-liquidation/time-to-liquidation.cjs");require("../../../../toggle/toggle.cjs");require("../../../../with-filter-button/with-filter-button.cjs");const _=require("./constants.cjs"),j=l.cva("flex w-full items-center justify-between bg-gray-20 px-4 py-3",{variants:{position:{primary:"rounded-t-lg",receive:"rounded-b-lg",solo:"rounded-b-lg rounded-t-lg",none:""},size:{sm:"min-h-[52px]",md:"min-h-[56px]"}},defaultVariants:{position:"primary",size:"md"}});function y({label:n,amount:o,token:r,usdMoney:i,loading:t=!1,position:s,size:a="md",maxLength:c,isApproximate:u}){const q=i!==void 0?d.formatMoney(i):null;return e.jsxs("div",{className:m.cn(j({position:s,size:a})),"data-testid":_.TransactionConfirmAmountFieldTest.root,children:[e.jsx("span",{className:"text-sm font-medium text-foreground",children:n}),e.jsxs("div",{className:"flex flex-col items-end gap-0.5",children:[e.jsx(g.FadeoutLoading,{loading:t,children:e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm font-medium text-foreground",children:[r?e.jsx(x.TokenIcon,{symbol:p.getSymbolOrIcon(r),size:16}):null,e.jsxs("span",{children:[u&&e.jsx("span",{children:"≈"}),e.jsx(f.TokenTemplate,{value:o,token:r,maxLength:c})]})]})}),q?e.jsxs("span",{className:"text-xs leading-[130%] text-secondary-foreground",children:[u&&e.jsx("span",{children:"≈"}),q]}):null]})]})}exports.TransactionConfirmAmountField=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("@gearbox-protocol/sdk"),h=require("class-variance-authority");require("react");const j=require("../../utils/cn.cjs");require("sonner");require("@gearbox-protocol/sdk/common-utils");require("luxon");require("../../utils/z-index.cjs");const a=require("../status-elements/status-elements.cjs"),l=15e3,d=11e3,A=10500,m=t=>{if(t)return t>=l?"good":t>d?"medium":t>A?"bad":t>u.PERCENTAGE_FACTOR?"critical":"liquidation"},D=h.cva("inline-flex items-center font-medium [text-decoration:inherit]",{variants:{zone:{good:"text-success",medium:"text-warning",bad:"text-destructive",critical:"text-destructive",liquidation:"text-liquidation",unset:"[color:unset]"}}});function b({value:t,debt:i,decimals:q=3,zone:e,zoneType:s="color",className:x,...v}){const n=i!==void 0&&i===0n,F=!n&&s==="color",H=!n&&e&&s==="dot",f=!n&&e&&s==="bars",o=F?e===void 0?m(t):e:void 0,c=o===void 0?void 0:o===null?"unset":o,_=()=>{if(n)return"N/A";const g=Number(t);return u.formatPercentage(g,q)};return r.jsxs("span",{className:j.cn(D(c!==void 0?{zone:c}:{}),x),...v,children:[f&&r.jsx("span",{className:"mr-6 shrink-0",children:r.jsx(a.StatusBars,{zone:e})}),_(),H&&r.jsx("span",{className:"ml-1.5",children:r.jsx(a.HealthDot,{zone:e})})]})}exports.BAD_HF=d;exports.GOOD_HF=l;exports.HealthFactor=b;exports.getHFZones=m;
|
package/dist/esm/components/composites/tx-preview/confirm/amounts/TransactionConfirmAmountField.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { cva as
|
|
1
|
+
import { jsxs as r, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { cva as c } from "class-variance-authority";
|
|
3
3
|
import "../../../../accordion/accordion.js";
|
|
4
4
|
import "@gearbox-protocol/static";
|
|
5
5
|
import "react";
|
|
6
6
|
import "@fortawesome/free-solid-svg-icons";
|
|
7
7
|
import "../../../../icons/fa-icon.js";
|
|
8
8
|
import "@gearbox-protocol/sdk";
|
|
9
|
-
import { cn as
|
|
9
|
+
import { cn as f } from "../../../../../utils/cn.js";
|
|
10
10
|
import "sonner";
|
|
11
|
-
import { formatMoney as
|
|
11
|
+
import { formatMoney as u } from "../../../../../utils/format-money.js";
|
|
12
12
|
import "@gearbox-protocol/sdk/common-utils";
|
|
13
13
|
import "luxon";
|
|
14
14
|
import "../../../../../utils/z-index.js";
|
|
@@ -27,7 +27,7 @@ import "../../../../buttons/external-button/external-button.js";
|
|
|
27
27
|
import "../../../../buttons/filter-button/filter-button.js";
|
|
28
28
|
import "../../../../buttons/navigation-button/navigation-button.js";
|
|
29
29
|
import "../../../../buttons/tab-button/tab-button.js";
|
|
30
|
-
import { TokenIcon as
|
|
30
|
+
import { TokenIcon as x } from "../../../../token-icon/token-icon.js";
|
|
31
31
|
import "wagmi";
|
|
32
32
|
import "../../../../auth/wallet-ui-context.js";
|
|
33
33
|
import "../../../../avatar/avatar.js";
|
|
@@ -54,10 +54,10 @@ import "../../../../simple-dropdown/simple-dropdown.js";
|
|
|
54
54
|
import "../../../../simple-dropdown/simple-dropdown-menu-item.js";
|
|
55
55
|
import "../../../../typography/typography.js";
|
|
56
56
|
import "../../../../table/grid-table.js";
|
|
57
|
-
import { getSymbolOrIcon as
|
|
57
|
+
import { getSymbolOrIcon as g } from "../../../../token-symbol/token-symbol.js";
|
|
58
58
|
import "../../../../help-tip/help-tip.js";
|
|
59
59
|
import "../../../../description/description.js";
|
|
60
|
-
import { TokenTemplate as
|
|
60
|
+
import { TokenTemplate as h } from "../../../../token-template/token-template.js";
|
|
61
61
|
import "../../../../confirm-menu/confirm-menu.js";
|
|
62
62
|
import "../../../../dialog/dialog-modal-container.js";
|
|
63
63
|
import "../../../../text-button/text-button.js";
|
|
@@ -100,7 +100,7 @@ import "../../../../dropdown-menu/dropdown-menu-shortcut.js";
|
|
|
100
100
|
import "../../../../dropdown-menu/dropdown-menu-sub-content.js";
|
|
101
101
|
import "../../../../dropdown-menu/dropdown-menu-sub-trigger.js";
|
|
102
102
|
import "../../../../edit-input/edit-input.js";
|
|
103
|
-
import { FadeoutLoading as
|
|
103
|
+
import { FadeoutLoading as y } from "../../../../fadeout-loading/fadeout-loading.js";
|
|
104
104
|
import "../../../../filter/filter-block.js";
|
|
105
105
|
import "../../../../filter/filter-checkbox-item.js";
|
|
106
106
|
import "../../../../filter/filter-chip.js";
|
|
@@ -167,8 +167,8 @@ import "../../../../theme-provider.js";
|
|
|
167
167
|
import "../../../../time-to-liquidation/time-to-liquidation.js";
|
|
168
168
|
import "../../../../toggle/toggle.js";
|
|
169
169
|
import "../../../../with-filter-button/with-filter-button.js";
|
|
170
|
-
import { TransactionConfirmAmountFieldTest as
|
|
171
|
-
const
|
|
170
|
+
import { TransactionConfirmAmountFieldTest as v } from "./constants.js";
|
|
171
|
+
const b = c(
|
|
172
172
|
"flex w-full items-center justify-between bg-gray-20 px-4 py-3",
|
|
173
173
|
{
|
|
174
174
|
variants: {
|
|
@@ -186,42 +186,49 @@ const v = d(
|
|
|
186
186
|
defaultVariants: { position: "primary", size: "md" }
|
|
187
187
|
}
|
|
188
188
|
);
|
|
189
|
-
function
|
|
190
|
-
label:
|
|
191
|
-
amount:
|
|
192
|
-
token:
|
|
189
|
+
function At({
|
|
190
|
+
label: e,
|
|
191
|
+
amount: n,
|
|
192
|
+
token: t,
|
|
193
193
|
usdMoney: i,
|
|
194
|
-
loading:
|
|
195
|
-
position:
|
|
196
|
-
size:
|
|
197
|
-
maxLength:
|
|
194
|
+
loading: s = !1,
|
|
195
|
+
position: a,
|
|
196
|
+
size: l = "md",
|
|
197
|
+
maxLength: d,
|
|
198
|
+
isApproximate: m
|
|
198
199
|
}) {
|
|
199
|
-
const
|
|
200
|
-
return /* @__PURE__ */
|
|
200
|
+
const p = i !== void 0 ? u(i) : null;
|
|
201
|
+
return /* @__PURE__ */ r(
|
|
201
202
|
"div",
|
|
202
203
|
{
|
|
203
|
-
className:
|
|
204
|
-
"data-testid":
|
|
204
|
+
className: f(b({ position: a, size: l })),
|
|
205
|
+
"data-testid": v.root,
|
|
205
206
|
children: [
|
|
206
|
-
/* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children:
|
|
207
|
-
/* @__PURE__ */
|
|
208
|
-
/* @__PURE__ */ o(
|
|
209
|
-
|
|
210
|
-
/* @__PURE__ */
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
207
|
+
/* @__PURE__ */ o("span", { className: "text-sm font-medium text-foreground", children: e }),
|
|
208
|
+
/* @__PURE__ */ r("div", { className: "flex flex-col items-end gap-0.5", children: [
|
|
209
|
+
/* @__PURE__ */ o(y, { loading: s, children: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
|
|
210
|
+
t ? /* @__PURE__ */ o(x, { symbol: g(t), size: 16 }) : null,
|
|
211
|
+
/* @__PURE__ */ r("span", { children: [
|
|
212
|
+
m && /* @__PURE__ */ o("span", { children: "≈" }),
|
|
213
|
+
/* @__PURE__ */ o(
|
|
214
|
+
h,
|
|
215
|
+
{
|
|
216
|
+
value: n,
|
|
217
|
+
token: t,
|
|
218
|
+
maxLength: d
|
|
219
|
+
}
|
|
220
|
+
)
|
|
221
|
+
] })
|
|
218
222
|
] }) }),
|
|
219
|
-
|
|
223
|
+
p ? /* @__PURE__ */ r("span", { className: "text-xs leading-[130%] text-secondary-foreground", children: [
|
|
224
|
+
m && /* @__PURE__ */ o("span", { children: "≈" }),
|
|
225
|
+
p
|
|
226
|
+
] }) : null
|
|
220
227
|
] })
|
|
221
228
|
]
|
|
222
229
|
}
|
|
223
230
|
);
|
|
224
231
|
}
|
|
225
232
|
export {
|
|
226
|
-
|
|
233
|
+
At as TransactionConfirmAmountField
|
|
227
234
|
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { formatPercentage as
|
|
3
|
-
import { cva as
|
|
1
|
+
import { jsxs as x, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { formatPercentage as h, PERCENTAGE_FACTOR as C } from "@gearbox-protocol/sdk";
|
|
3
|
+
import { cva as F } from "class-variance-authority";
|
|
4
4
|
import "react";
|
|
5
|
-
import { cn as
|
|
5
|
+
import { cn as H } from "../../utils/cn.js";
|
|
6
6
|
import "sonner";
|
|
7
7
|
import "@gearbox-protocol/sdk/common-utils";
|
|
8
8
|
import "luxon";
|
|
9
9
|
import "../../utils/z-index.js";
|
|
10
|
-
import { StatusBars as
|
|
11
|
-
const
|
|
10
|
+
import { StatusBars as N, HealthDot as g } from "../status-elements/status-elements.js";
|
|
11
|
+
const A = 15e3, D = 11e3, b = 10500, w = (t) => {
|
|
12
12
|
if (t)
|
|
13
|
-
return t >=
|
|
14
|
-
},
|
|
13
|
+
return t >= A ? "good" : t > D ? "medium" : t > b ? "bad" : t > C ? "critical" : "liquidation";
|
|
14
|
+
}, V = F(
|
|
15
15
|
"inline-flex items-center font-medium [text-decoration:inherit]",
|
|
16
16
|
{
|
|
17
17
|
variants: {
|
|
@@ -26,40 +26,41 @@ const g = 15e3, A = 11e3, H = 10500, N = (t) => {
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
);
|
|
29
|
-
function
|
|
29
|
+
function k({
|
|
30
30
|
value: t,
|
|
31
|
-
debt:
|
|
32
|
-
decimals:
|
|
31
|
+
debt: s,
|
|
32
|
+
decimals: c = 3,
|
|
33
33
|
zone: o,
|
|
34
|
-
zoneType:
|
|
34
|
+
zoneType: n = "color",
|
|
35
35
|
className: m,
|
|
36
36
|
...u
|
|
37
37
|
}) {
|
|
38
|
-
const
|
|
39
|
-
if (
|
|
40
|
-
const
|
|
41
|
-
return
|
|
38
|
+
const r = s !== void 0 && s === 0n, d = !r && n === "color", l = !r && o && n === "dot", f = !r && o && n === "bars", e = d ? o === void 0 ? w(t) : o : void 0, a = e === void 0 ? void 0 : e === null ? "unset" : e, p = () => {
|
|
39
|
+
if (r) return "N/A";
|
|
40
|
+
const v = Number(t);
|
|
41
|
+
return h(v, c);
|
|
42
42
|
};
|
|
43
|
-
return /* @__PURE__ */
|
|
43
|
+
return /* @__PURE__ */ x(
|
|
44
44
|
"span",
|
|
45
45
|
{
|
|
46
|
-
className:
|
|
47
|
-
|
|
48
|
-
|
|
46
|
+
className: H(
|
|
47
|
+
V(
|
|
48
|
+
a !== void 0 ? { zone: a } : {}
|
|
49
49
|
),
|
|
50
50
|
m
|
|
51
51
|
),
|
|
52
52
|
...u,
|
|
53
53
|
children: [
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
f && /* @__PURE__ */ i("span", { className: "mr-6 shrink-0", children: /* @__PURE__ */ i(N, { zone: o }) }),
|
|
55
|
+
p(),
|
|
56
|
+
l && /* @__PURE__ */ i("span", { className: "ml-1.5", children: /* @__PURE__ */ i(g, { zone: o }) })
|
|
56
57
|
]
|
|
57
58
|
}
|
|
58
59
|
);
|
|
59
60
|
}
|
|
60
61
|
export {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
D as BAD_HF,
|
|
63
|
+
A as GOOD_HF,
|
|
64
|
+
k as HealthFactor,
|
|
65
|
+
w as getHFZones
|
|
65
66
|
};
|
|
@@ -12,6 +12,7 @@ export interface TransactionConfirmAmountFieldProps extends VariantProps<typeof
|
|
|
12
12
|
readonly usdMoney?: bigint;
|
|
13
13
|
readonly loading?: boolean;
|
|
14
14
|
readonly maxLength?: number;
|
|
15
|
+
readonly isApproximate?: boolean;
|
|
15
16
|
}
|
|
16
|
-
export declare function TransactionConfirmAmountField({ label, amount, token, usdMoney, loading, position, size, maxLength, }: TransactionConfirmAmountFieldProps): React.ReactElement;
|
|
17
|
+
export declare function TransactionConfirmAmountField({ label, amount, token, usdMoney, loading, position, size, maxLength, isApproximate, }: TransactionConfirmAmountFieldProps): React.ReactElement;
|
|
17
18
|
export {};
|
|
@@ -18,21 +18,24 @@ export interface HealthFactorProps extends React.HTMLAttributes<HTMLSpanElement>
|
|
|
18
18
|
/** Pre-computed zone; if not set, derived from value. */
|
|
19
19
|
zone?: HFZones | null;
|
|
20
20
|
/**
|
|
21
|
-
* How to indicate zone: "color" (text color only)
|
|
21
|
+
* How to indicate zone: "color" (text color only), "bars" (StatusBars before value),
|
|
22
|
+
* or "dot" (HealthDot after value, text stays default color).
|
|
22
23
|
* @default "color"
|
|
23
24
|
*/
|
|
24
|
-
zoneType?: "color" | "bars";
|
|
25
|
+
zoneType?: "color" | "bars" | "dot";
|
|
25
26
|
}
|
|
26
27
|
/**
|
|
27
28
|
* HealthFactor — displays health factor value with optional zone color or StatusBars.
|
|
28
29
|
*
|
|
29
30
|
* @usage
|
|
30
31
|
* Use for account/collateral health: value in basis points, zero debt shows "N/A".
|
|
31
|
-
* zoneType "color" colors the text; zoneType "bars" shows StatusBars
|
|
32
|
+
* zoneType "color" colors the text; zoneType "bars" shows StatusBars;
|
|
33
|
+
* zoneType "dot" shows a HealthDot dot after the value while keeping text default color.
|
|
32
34
|
*
|
|
33
35
|
* @example
|
|
34
36
|
* ```tsx
|
|
35
37
|
* <HealthFactor value={15000} debt={1000000n} />
|
|
38
|
+
* <HealthFactor value={15000} debt={1000000n} zoneType="dot" zone="good" />
|
|
36
39
|
* <HealthFactor value={12000} debt={1000000n} zoneType="bars" zone="medium" />
|
|
37
40
|
* <HealthFactor value={15000} debt={0n} /> // "N/A"
|
|
38
41
|
* ```
|