@gearbox-protocol/permissionless-ui 1.24.0 → 1.24.1
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/complex-input/complex-input.cjs +1 -1
- package/dist/cjs/components/smart-number-input/smart-number-input.cjs +1 -1
- package/dist/esm/components/complex-input/complex-input.js +14 -13
- package/dist/esm/components/smart-number-input/smart-number-input.js +1 -1
- package/dist/types/components/complex-input/complex-input.d.ts +1 -0
- package/package.json +1 -1
|
@@ -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"),f=require("../input/input.cjs"),C=require("../with-title/with-title.cjs");require("react");const z=require("../../utils/bn-to-input-view.cjs");require("@gearbox-protocol/sdk");const B=require("../../utils/parse-input-to-bn.cjs"),v=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");require("../accordion/accordion.cjs");require("@gearbox-protocol/static");require("@fortawesome/free-solid-svg-icons");require("../icons/fa-icon.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");require("../token-icon/token-icon.cjs");require("connectkit");require("wagmi");require("viem/siwe");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("../points-icon/points-icon.cjs");require("../skeleton/skeleton.cjs");require("../vertical-indicator/vertical-indicator.cjs");require("../vertical-list/vertical-list.cjs");require("../confirm-menu/confirm-menu.cjs");require("../currency-button/currency-button.cjs");require("../description/description.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-modal-container.cjs");require("../dialog/dialog-overlay.cjs");require("viem");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");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("../help-tip/help-tip.cjs");require("../health-factor/health-factor.cjs");require("../horizontal-indicator/horizontal-indicator.cjs");require("../icon-button/icon-button.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("../page-title/page-title.cjs");require("../layout/social-icons/social-icons.cjs");require("../link/link.cjs");require("../token-symbol/token-symbol.cjs");require("../../utils/reactochart-compat.cjs");const N=require("../short-string/short-string.cjs");require("../status-elements/status-elements.cjs");require("../text-button/text-button.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("../simple-dropdown/simple-dropdown.cjs");require("../progress/progress.cjs");require("../pool-indicator-icon/pool-indicator-icon.cjs");require("../progress-bar/progress-bar.cjs");require("../radio-group/radio-group.cjs");require("../rounded-image/rounded-image.cjs");require("../search-bar/search-bar.cjs");require("../segmented-control/segmented-control.cjs");require("../select/select.cjs");require("../separate-line/separate-line.cjs");require("../separator/separator.cjs");require("../simple-accordion/simple-accordion.cjs");require("../simple-dropdown/simple-dropdown-menu-item.cjs");require("../slider/slider.cjs");require("../slider/slider-context.cjs");require("@radix-ui/react-slider");const V=require("../smart-number-input/balance-indicator.cjs");require("../smart-number-input/smart-number-input.cjs");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/grid-table.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("../tip-card/tip-card.cjs");require("../toggle/toggle.cjs");require("../typography/typography.cjs");require("../with-filter-button/with-filter-button.cjs");function k({titleProps:c,inputProps:l,balanceIndicatorProps:a}){const{title:m,className:p,size:d="md",...h}=c,{size:x="sm",title:g="Max",maxButton:I=!0,token:i,maxAmount:u,...T}=a,{decimals:t=18}=i||{},{colorTheme:_="filledLight",onChange:n,maxTokenLength:w=15,...j}=l,S=r=>{const q=r.target.value,[o,s]=B.parseInputToBN(q,t);o===null||s===null||n?.(o,s)},b=()=>{const r=u||0n,q=z.bnToInputView(r,t);n?.(r,q)};return e.jsx(C.WithTitle,{className:v.cn(p),size:d,title:e.jsxs("div",{className:"flex flex-nowrap justify-between items-center",children:[m,u!==void 0&&e.jsx(V.BalanceIndicator,{token:i,title:g,size:x,maxButton:I,maxAmount:u,onMaxButtonClick:b,...T})]}),...h,children:e.jsx(f.Input,{colorTheme:_,onChange:S,endingIcon:e.jsx(N.ShortString,{maxLength:w,children:i?.title}),...j})})}exports.ComplexInput=k;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("class-variance-authority"),Q=require("react"),X=require("../currency-button/currency-button.cjs"),$=require("@fortawesome/free-solid-svg-icons"),E=require("../icons/fa-icon.cjs"),d=require("../../hooks/use-media-query.cjs"),G=require("../../utils/bn-to-input-view.cjs");require("@gearbox-protocol/sdk");const H=require("../../utils/parse-input-to-bn.cjs"),m=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");const J=require("./balance-indicator.cjs");function K(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>s[a]})}}return t.default=s,Object.freeze(t)}const v=K(Q),U=p.cva("relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:cursor-not-allowed",{variants:{size:{sm:"px-3 py-[7px] h-[60px] rounded-[8px]",md:"pl-4 pr-3 py-[10px] h-[82px] rounded-lg"}},defaultVariants:{size:"md"}}),W=p.cva("font-medium text-foreground",{variants:{size:{sm:"text-xs",md:"text-sm"}},defaultVariants:{size:"md"}}),Y=p.cva("w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",{variants:{size:{sm:"text-[18px]! leading-[21px]!",md:"text-[28px]! leading-[33px]!"}},defaultVariants:{size:"md"}}),j=v.forwardRef(({amount:s,token:t,label:a="Amount",maxAmount:r,maxAmountLimit:c,maxButtonLabel:w,chainId:I,network:N,maxButton:q=!0,disabled:n=!1,active:z=!1,size:_="md",onSetAmount:o,onShowSelectDialog:f,onRemove:b,onFocus:V,onBlur:B},C)=>{const x=t?.decimals??18,M=u=>{const l=u.target.value,[h,y]=H.parseInputToBN(l,x);h===null||y===null||o&&o(h,y)},k=()=>{if(o){const u=r&&c&&r>c?c:r||0n,l=G.bnToInputView(u,x);o(u,l)}},[S,g]=v.useState(!1),T=()=>{g(!0),V?.()},O=()=>{g(!1),B?.()},i=_??"md",F=d.useIsMobile(),L=d.useIsTablet(),D=d.useIsDesktop(),P=F?20:L?30:D?
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("class-variance-authority"),Q=require("react"),X=require("../currency-button/currency-button.cjs"),$=require("@fortawesome/free-solid-svg-icons"),E=require("../icons/fa-icon.cjs"),d=require("../../hooks/use-media-query.cjs"),G=require("../../utils/bn-to-input-view.cjs");require("@gearbox-protocol/sdk");const H=require("../../utils/parse-input-to-bn.cjs"),m=require("../../utils/cn.cjs");require("sonner");require("luxon");require("../../utils/z-index.cjs");const J=require("./balance-indicator.cjs");function K(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>s[a]})}}return t.default=s,Object.freeze(t)}const v=K(Q),U=p.cva("relative w-full text-foreground bg-gray-20 border border-gray-30 transition-[background-color] duration-100 ease-linear [&:hover]:bg-gray-30 [&:hover]:border-gray-40 data-[active=true]:bg-gray-30 data-[active=true]:outline data-[active=true]:outline-2 data-[active=true]:outline-primary data-[active=true]:outline-offset-[-2px] data-[disabled=true]:cursor-not-allowed",{variants:{size:{sm:"px-3 py-[7px] h-[60px] rounded-[8px]",md:"pl-4 pr-3 py-[10px] h-[82px] rounded-lg"}},defaultVariants:{size:"md"}}),W=p.cva("font-medium text-foreground",{variants:{size:{sm:"text-xs",md:"text-sm"}},defaultVariants:{size:"md"}}),Y=p.cva("w-full p-0 bg-transparent border-none outline-none text-foreground placeholder:text-secondary-foreground focus:outline-none",{variants:{size:{sm:"text-[18px]! leading-[21px]!",md:"text-[28px]! leading-[33px]!"}},defaultVariants:{size:"md"}}),j=v.forwardRef(({amount:s,token:t,label:a="Amount",maxAmount:r,maxAmountLimit:c,maxButtonLabel:w,chainId:I,network:N,maxButton:q=!0,disabled:n=!1,active:z=!1,size:_="md",onSetAmount:o,onShowSelectDialog:f,onRemove:b,onFocus:V,onBlur:B},C)=>{const x=t?.decimals??18,M=u=>{const l=u.target.value,[h,y]=H.parseInputToBN(l,x);h===null||y===null||o&&o(h,y)},k=()=>{if(o){const u=r&&c&&r>c?c:r||0n,l=G.bnToInputView(u,x);o(u,l)}},[S,g]=v.useState(!1),T=()=>{g(!0),V?.()},O=()=>{g(!1),B?.()},i=_??"md",F=d.useIsMobile(),L=d.useIsTablet(),D=d.useIsDesktop(),P=F?20:L?30:D?22:30,R=!!(t||f);return e.jsxs("div",{ref:C,className:U({size:i}),"data-testid":"smart-number-input-root","data-active":S,"data-disabled":n,children:[b&&e.jsx("div",{className:"absolute top-0 right-0 flex h-5 w-5 translate-x-1/2 -translate-y-1/2 items-center justify-center","data-testid":"smart-number-input-close",children:e.jsx("button",{type:"button",onClick:b,className:"flex h-5 w-5 items-center justify-center rounded-full bg-muted hover:bg-muted/80 text-muted-foreground",children:e.jsx(E.FaIcon,{icon:$.faXmark,className:"size-3"})})}),e.jsxs("div",{className:"mb-2 flex justify-between text-sm leading-[120%]",children:[e.jsx("span",{className:m.cn(W({size:i}),"grow shrink-0 basis-0"),"data-testid":"smart-number-input-label",children:a}),r!==void 0&&t&&e.jsx(J.BalanceIndicator,{title:w,token:t,maxAmount:r,size:i,disabled:n,maxButton:q,onMaxButtonClick:k})]}),e.jsxs("div",{className:m.cn("flex w-full max-w-full shrink-0 basis-full items-center"),children:[e.jsx("div",{className:"mr-3 grow shrink-0 basis-0",children:e.jsx("input",{type:"text",inputMode:"decimal",autoComplete:"off",autoCorrect:"off",spellCheck:"false",pattern:"^[0-9]*[.,]?[0-9]*$",placeholder:"0",value:s,onChange:M,onFocus:T,onBlur:O,disabled:n||!o,className:m.cn(Y({size:i}),n&&"cursor-not-allowed"),"data-testid":"smart-number-input-input",minLength:1,maxLength:79,title:"Amount"})}),R?e.jsx(X.CurrencyButton,{active:z,size:i,disabled:n,token:t,showSelectDialog:f,chainId:I,network:N,maxLength:P,children:t?.symbol??"Select token"}):null]})]})});j.displayName="SmartNumberInput";exports.SmartNumberInput=j;
|
|
@@ -5,7 +5,7 @@ import "react";
|
|
|
5
5
|
import { bnToInputView as V } from "../../utils/bn-to-input-view.js";
|
|
6
6
|
import "@gearbox-protocol/sdk";
|
|
7
7
|
import { parseInputToBN as j } from "../../utils/parse-input-to-bn.js";
|
|
8
|
-
import { cn as
|
|
8
|
+
import { cn as L } from "../../utils/cn.js";
|
|
9
9
|
import "sonner";
|
|
10
10
|
import "luxon";
|
|
11
11
|
import "../../utils/z-index.js";
|
|
@@ -160,7 +160,7 @@ import "../tip-card/tip-card.js";
|
|
|
160
160
|
import "../toggle/toggle.js";
|
|
161
161
|
import "../typography/typography.js";
|
|
162
162
|
import "../with-filter-button/with-filter-button.js";
|
|
163
|
-
function
|
|
163
|
+
function yi({
|
|
164
164
|
titleProps: s,
|
|
165
165
|
inputProps: a,
|
|
166
166
|
balanceIndicatorProps: c
|
|
@@ -176,22 +176,23 @@ function Li({
|
|
|
176
176
|
maxButton: I = !0,
|
|
177
177
|
token: i,
|
|
178
178
|
maxAmount: r,
|
|
179
|
-
...
|
|
179
|
+
...T
|
|
180
180
|
} = c, { decimals: p = 18 } = i || {}, {
|
|
181
|
-
colorTheme:
|
|
181
|
+
colorTheme: w = "filledLight",
|
|
182
182
|
onChange: e,
|
|
183
|
+
maxTokenLength: z = 15,
|
|
183
184
|
...C
|
|
184
|
-
} = a,
|
|
185
|
+
} = a, B = (t) => {
|
|
185
186
|
const m = t.target.value, [n, l] = j(m, p);
|
|
186
187
|
n === null || l === null || e?.(n, l);
|
|
187
|
-
},
|
|
188
|
+
}, k = () => {
|
|
188
189
|
const t = r || 0n, m = V(t, p);
|
|
189
190
|
e?.(t, m);
|
|
190
191
|
};
|
|
191
192
|
return /* @__PURE__ */ o(
|
|
192
193
|
S,
|
|
193
194
|
{
|
|
194
|
-
className:
|
|
195
|
+
className: L(d),
|
|
195
196
|
size: f,
|
|
196
197
|
title: /* @__PURE__ */ v("div", { className: "flex flex-nowrap justify-between items-center", children: [
|
|
197
198
|
u,
|
|
@@ -203,8 +204,8 @@ function Li({
|
|
|
203
204
|
size: x,
|
|
204
205
|
maxButton: I,
|
|
205
206
|
maxAmount: r,
|
|
206
|
-
onMaxButtonClick:
|
|
207
|
-
...
|
|
207
|
+
onMaxButtonClick: k,
|
|
208
|
+
...T
|
|
208
209
|
}
|
|
209
210
|
)
|
|
210
211
|
] }),
|
|
@@ -212,9 +213,9 @@ function Li({
|
|
|
212
213
|
children: /* @__PURE__ */ o(
|
|
213
214
|
N,
|
|
214
215
|
{
|
|
215
|
-
colorTheme:
|
|
216
|
-
onChange:
|
|
217
|
-
endingIcon: /* @__PURE__ */ o(M, { maxLength:
|
|
216
|
+
colorTheme: w,
|
|
217
|
+
onChange: B,
|
|
218
|
+
endingIcon: /* @__PURE__ */ o(M, { maxLength: z, children: i?.title }),
|
|
218
219
|
...C
|
|
219
220
|
}
|
|
220
221
|
)
|
|
@@ -222,5 +223,5 @@ function Li({
|
|
|
222
223
|
);
|
|
223
224
|
}
|
|
224
225
|
export {
|
|
225
|
-
|
|
226
|
+
yi as ComplexInput
|
|
226
227
|
};
|
|
@@ -75,7 +75,7 @@ const W = c(
|
|
|
75
75
|
h(!0), B?.();
|
|
76
76
|
}, D = () => {
|
|
77
77
|
h(!1), k?.();
|
|
78
|
-
}, n = I ?? "md", R = J(), S = K(), X = O(), $ = R ? 20 : S ? 30 : X ?
|
|
78
|
+
}, n = I ?? "md", R = J(), S = K(), X = O(), $ = R ? 20 : S ? 30 : X ? 22 : 30, q = !!(t || m);
|
|
79
79
|
return /* @__PURE__ */ u(
|
|
80
80
|
"div",
|
|
81
81
|
{
|