@orderly.network/ui-leverage 2.0.3-alpha.0 → 2.0.4-alpha.0
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/index.js +1 -1
- package/dist/index.mjs +3 -3
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var hooks = require('@orderly.network/hooks');
|
|
6
6
|
var react = require('react');
|
|
7
7
|
|
|
8
|
-
var g=e=>{let{currentLeverage:r=0}=e;return jsxRuntime.jsxs(ui.Flex,{itemAlign:"start",direction:"column",mb:0,children:[jsxRuntime.jsx(x,{currentLeverage:r}),jsxRuntime.jsx(S,{...e}),jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:2,width:"100%",mt:0,pt:5,children:[jsxRuntime.jsx(ui.Button,{variant:"contained",color:"gray",fullWidth
|
|
8
|
+
var g=e=>{let{currentLeverage:r=0}=e;return jsxRuntime.jsxs(ui.Flex,{itemAlign:"start",direction:"column",mb:0,children:[jsxRuntime.jsx(x,{currentLeverage:r}),jsxRuntime.jsx(S,{...e}),jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:2,width:"100%",mt:0,pt:5,children:[jsxRuntime.jsx(ui.Button,{variant:"contained",color:"gray",fullWidth:true,onClick:e.onCancel,"data-testid":"oui-testid-leverage-cancel-btn",children:"Cancel"}),jsxRuntime.jsx(ui.Button,{fullWidth:true,loading:e.isLoading,onClick:e.onSave,"data-testid":"oui-testid-leverage-save-btn",children:"Save"})]})]})},x=e=>jsxRuntime.jsxs(ui.Flex,{justify:"between",width:"100%",children:[jsxRuntime.jsx(ui.Text,{as:"div",size:"sm",intensity:54,className:"oui-mt-2",children:"Max account leverage"}),jsxRuntime.jsxs(ui.Flex,{direction:"row",gap:1,children:[jsxRuntime.jsx(ui.Text,{size:"sm",intensity:54,children:"Current:"}),jsxRuntime.jsx(ui.Text.numeral,{unit:"x",size:"sm",intensity:80,children:e.currentLeverage??"--"})]})]}),S=e=>jsxRuntime.jsxs(ui.Box,{pt:3,width:"100%",className:e.className,children:[jsxRuntime.jsx(ui.Slider,{max:e.maxLeverage,min:1,markCount:5,value:[e.value],onValueChange:r=>{e.onLeverageChange(r[0]),e.setShowSliderTip(true);},color:"primary",onValueCommit:r=>{e.onValueCommit?.(r),e.setShowSliderTip(false);},showTip:e.showSliderTip,tipFormatter:(r,o,s,c)=>`${r}x`}),jsxRuntime.jsx(ui.Flex,{justify:"between",width:"100%",pt:3,children:[1,10,20,30,40,50].map((r,o)=>jsxRuntime.jsx("button",{onClick:s=>{e.onLeverageChange(r),e.onValueCommit?.([r]);},className:ui.cn(" oui-text-2xs oui-pb-3",o===0?"oui-pr-2":o===5?"oui-pl-0":"oui-px-0 oui-ml-2",e.value>=r&&"oui-text-primary-light"),"data-testid":`oui-testid-leverage-${r}-btn`,children:`${r}x`}))})]});var v=e=>{let{currentLeverage:r}=hooks.useMarginRatio(),[o,s]=react.useState(false),[c,{update:f,config:l,isMutating:y}]=hooks.useLeverage(),p=react.useMemo(()=>l?.map(t=>({label:`${t}x`,value:t}))||[],[l]),[d,b]=react.useState(c??0),w=l?.reduce((t,k)=>Math.max(t,Number(k),0),0),P=100/((p?.length||0)-1),F=t=>{b(t);},T=async()=>{try{f({leverage:d}).then(t=>{e?.close?.(),ui.toast.success("Leverage updated");},t=>{ui.toast.error(t.message);});}catch{}};return {currentLeverage:r,value:d,marks:p,onLeverageChange:F,step:P,onCancel:e?.close,onSave:T,isLoading:y,showSliderTip:o,setShowSliderTip:s,maxLeverage:w}};var m=e=>{let r=v({close:e.close});return jsxRuntime.jsx(g,{...r})};var $="leverageEditor";ui.registerSimpleDialog($,m,{title:"Max account leverage",size:"md"});
|
|
9
9
|
|
|
10
10
|
exports.Leverage = g;
|
|
11
11
|
exports.LeverageEditor = m;
|
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { registerSimpleDialog, Flex, Button, Text, Box, Slider, cn
|
|
2
|
-
import {
|
|
1
|
+
import { registerSimpleDialog, Flex, Button, toast, Text, Box, Slider, cn } from '@orderly.network/ui';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { useMarginRatio, useLeverage } from '@orderly.network/hooks';
|
|
4
4
|
import { useState, useMemo } from 'react';
|
|
5
5
|
|
|
6
|
-
var g=e=>{let{currentLeverage:r=0}=e;return jsxs(Flex,{itemAlign:"start",direction:"column",mb:0,children:[jsx(x,{currentLeverage:r}),jsx(S,{...e}),jsxs(Flex,{direction:"row",gap:2,width:"100%",mt:0,pt:5,children:[jsx(Button,{variant:"contained",color:"gray",fullWidth
|
|
6
|
+
var g=e=>{let{currentLeverage:r=0}=e;return jsxs(Flex,{itemAlign:"start",direction:"column",mb:0,children:[jsx(x,{currentLeverage:r}),jsx(S,{...e}),jsxs(Flex,{direction:"row",gap:2,width:"100%",mt:0,pt:5,children:[jsx(Button,{variant:"contained",color:"gray",fullWidth:true,onClick:e.onCancel,"data-testid":"oui-testid-leverage-cancel-btn",children:"Cancel"}),jsx(Button,{fullWidth:true,loading:e.isLoading,onClick:e.onSave,"data-testid":"oui-testid-leverage-save-btn",children:"Save"})]})]})},x=e=>jsxs(Flex,{justify:"between",width:"100%",children:[jsx(Text,{as:"div",size:"sm",intensity:54,className:"oui-mt-2",children:"Max account leverage"}),jsxs(Flex,{direction:"row",gap:1,children:[jsx(Text,{size:"sm",intensity:54,children:"Current:"}),jsx(Text.numeral,{unit:"x",size:"sm",intensity:80,children:e.currentLeverage??"--"})]})]}),S=e=>jsxs(Box,{pt:3,width:"100%",className:e.className,children:[jsx(Slider,{max:e.maxLeverage,min:1,markCount:5,value:[e.value],onValueChange:r=>{e.onLeverageChange(r[0]),e.setShowSliderTip(true);},color:"primary",onValueCommit:r=>{e.onValueCommit?.(r),e.setShowSliderTip(false);},showTip:e.showSliderTip,tipFormatter:(r,o,s,c)=>`${r}x`}),jsx(Flex,{justify:"between",width:"100%",pt:3,children:[1,10,20,30,40,50].map((r,o)=>jsx("button",{onClick:s=>{e.onLeverageChange(r),e.onValueCommit?.([r]);},className:cn(" oui-text-2xs oui-pb-3",o===0?"oui-pr-2":o===5?"oui-pl-0":"oui-px-0 oui-ml-2",e.value>=r&&"oui-text-primary-light"),"data-testid":`oui-testid-leverage-${r}-btn`,children:`${r}x`}))})]});var v=e=>{let{currentLeverage:r}=useMarginRatio(),[o,s]=useState(false),[c,{update:f,config:l,isMutating:y}]=useLeverage(),p=useMemo(()=>l?.map(t=>({label:`${t}x`,value:t}))||[],[l]),[d,b]=useState(c??0),w=l?.reduce((t,k)=>Math.max(t,Number(k),0),0),P=100/((p?.length||0)-1),F=t=>{b(t);},T=async()=>{try{f({leverage:d}).then(t=>{e?.close?.(),toast.success("Leverage updated");},t=>{toast.error(t.message);});}catch{}};return {currentLeverage:r,value:d,marks:p,onLeverageChange:F,step:P,onCancel:e?.close,onSave:T,isLoading:y,showSliderTip:o,setShowSliderTip:s,maxLeverage:w}};var m=e=>{let r=v({close:e.close});return jsx(g,{...r})};var $="leverageEditor";registerSimpleDialog($,m,{title:"Max account leverage",size:"md"});
|
|
7
7
|
|
|
8
8
|
export { g as Leverage, m as LeverageEditor, x as LeverageHeader, S as LeverageSlider, $ as LeverageWidgetId, v as useLeverageScript };
|
|
9
9
|
//# sourceMappingURL=out.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@orderly.network/ui-leverage",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.4-alpha.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"access": "public"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@orderly.network/
|
|
19
|
-
"@orderly.network/
|
|
20
|
-
"@orderly.network/
|
|
18
|
+
"@orderly.network/ui": "2.0.4-alpha.0",
|
|
19
|
+
"@orderly.network/types": "2.0.4-alpha.0",
|
|
20
|
+
"@orderly.network/hooks": "2.0.4-alpha.0"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@swc/cli": "^0.3.12",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"react-dom": "^18.2.0",
|
|
29
29
|
"tailwindcss": "^3.4.4",
|
|
30
30
|
"tsup": "^7.1.0",
|
|
31
|
-
"tsconfig": "0.3.
|
|
31
|
+
"tsconfig": "0.3.20-alpha.0"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": ">=18",
|