@kodiak-finance/orderly-ui-order-entry 2.9.1 → 2.9.2-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.d.mts +78 -2
- package/dist/index.d.ts +78 -2
- package/dist/index.js +2759 -2630
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2766 -2637
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +13 -13
package/dist/index.d.mts
CHANGED
|
@@ -1,10 +1,65 @@
|
|
|
1
|
+
import * as _kodiak_finance_orderly_types from '@kodiak-finance/orderly-types';
|
|
2
|
+
import { MarginMode, OrderSide, OrderType, OrderLevel, OrderlyOrder, API } from '@kodiak-finance/orderly-types';
|
|
1
3
|
import * as react from 'react';
|
|
2
4
|
import react__default, { FC } from 'react';
|
|
3
|
-
import * as _kodiak_finance_orderly_types from '@kodiak-finance/orderly-types';
|
|
4
|
-
import { OrderSide, OrderType, OrderLevel, OrderlyOrder, API, MarginMode } from '@kodiak-finance/orderly-types';
|
|
5
5
|
import * as _kodiak_finance_orderly_hooks from '@kodiak-finance/orderly-hooks';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
|
+
/** Props exposed for plugin interceptors targeting OrderType tabs area. */
|
|
9
|
+
type OrderEntryTypeTabsProps = {
|
|
10
|
+
type: OrderType;
|
|
11
|
+
side: OrderSide;
|
|
12
|
+
canTrade: boolean;
|
|
13
|
+
onChange: (type: OrderType) => void;
|
|
14
|
+
marketOrderDisabled?: boolean;
|
|
15
|
+
marketOrderDisabledTooltip?: string;
|
|
16
|
+
};
|
|
17
|
+
/** Props exposed for plugin interceptors targeting Buy/Sell switch area. */
|
|
18
|
+
type OrderEntryBuySellSwitchProps = {
|
|
19
|
+
side: OrderSide;
|
|
20
|
+
canTrade: boolean;
|
|
21
|
+
onSideChange: (side: OrderSide) => void;
|
|
22
|
+
};
|
|
23
|
+
/** Props exposed for plugin interceptors targeting Available balance row. */
|
|
24
|
+
type OrderEntryAvailableProps = {
|
|
25
|
+
currentLtv: number;
|
|
26
|
+
canTrade: boolean;
|
|
27
|
+
quote?: string;
|
|
28
|
+
freeCollateral: number;
|
|
29
|
+
marginMode?: MarginMode;
|
|
30
|
+
};
|
|
31
|
+
/** Props exposed for plugin interceptors targeting quantity slider area. */
|
|
32
|
+
type OrderEntryQuantitySliderProps = {
|
|
33
|
+
canTrade: boolean;
|
|
34
|
+
side: OrderSide;
|
|
35
|
+
order_quantity?: string;
|
|
36
|
+
maxQty: number;
|
|
37
|
+
};
|
|
38
|
+
/** Props exposed for plugin interceptors targeting submit+asset-info section. */
|
|
39
|
+
type OrderEntrySubmitSectionProps = {
|
|
40
|
+
buttonLabel: string;
|
|
41
|
+
side: OrderSide;
|
|
42
|
+
canTrade: boolean;
|
|
43
|
+
isMutating: boolean;
|
|
44
|
+
onSubmit: () => void;
|
|
45
|
+
assetInfo: {
|
|
46
|
+
canTrade: boolean;
|
|
47
|
+
quote: string;
|
|
48
|
+
estLiqPrice: number | null;
|
|
49
|
+
estLiqPriceDistance: number | null;
|
|
50
|
+
estLeverage: number | null;
|
|
51
|
+
currentLeverage: number | null;
|
|
52
|
+
slippage: string;
|
|
53
|
+
dp: number;
|
|
54
|
+
setSlippage: (slippage: string) => void;
|
|
55
|
+
estSlippage: number | null;
|
|
56
|
+
orderType: OrderType;
|
|
57
|
+
disableFeatures?: ("slippageSetting" | "feesInfo")[];
|
|
58
|
+
symbol: string;
|
|
59
|
+
side: OrderSide;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
|
|
8
63
|
declare enum InputType {
|
|
9
64
|
NONE = 0,
|
|
10
65
|
PRICE = 1,// price input focus
|
|
@@ -93,6 +148,10 @@ declare const useOrderEntryScript: (inputs: OrderEntryScriptInputs) => {
|
|
|
93
148
|
resetErrors: () => void;
|
|
94
149
|
resetMetaState: () => void;
|
|
95
150
|
maxQty: number;
|
|
151
|
+
maxQtys: {
|
|
152
|
+
maxBuy: number;
|
|
153
|
+
maxSell: number;
|
|
154
|
+
};
|
|
96
155
|
estLiqPrice: number | null;
|
|
97
156
|
currentPosition: number;
|
|
98
157
|
estLiqPriceDistance: number | null;
|
|
@@ -119,6 +178,23 @@ type OrderEntryProps = OrderEntryScriptReturn & {
|
|
|
119
178
|
};
|
|
120
179
|
declare const OrderEntry: react__default.FC<OrderEntryProps>;
|
|
121
180
|
|
|
181
|
+
/**
|
|
182
|
+
* Module augmentation: maps OrderEntry interceptor target paths to props types.
|
|
183
|
+
* Import from @orderly.network/ui-order-entry to enable typed props in
|
|
184
|
+
* createInterceptor("Trading.OrderEntry.*", (Original, props, api) => ...).
|
|
185
|
+
*/
|
|
186
|
+
|
|
187
|
+
declare module "@kodiak-finance/orderly-plugin-core" {
|
|
188
|
+
interface InterceptorTargetPropsMap {
|
|
189
|
+
OrderEntry: OrderEntryProps;
|
|
190
|
+
"Trading.OrderEntry.Available": OrderEntryAvailableProps;
|
|
191
|
+
"Trading.OrderEntry.BuySellSwitch": OrderEntryBuySellSwitchProps;
|
|
192
|
+
"Trading.OrderEntry.QuantitySlider": OrderEntryQuantitySliderProps;
|
|
193
|
+
"Trading.OrderEntry.SubmitSection": OrderEntrySubmitSectionProps;
|
|
194
|
+
"Trading.OrderEntry.TypeTabs": OrderEntryTypeTabsProps;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
|
|
122
198
|
declare const OrderEntryWidget: react__default.FC<OrderEntryScriptInputs & {
|
|
123
199
|
containerRef?: react__default.RefObject<HTMLDivElement>;
|
|
124
200
|
disableFeatures?: ("slippageSetting" | "feesInfo")[];
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,65 @@
|
|
|
1
|
+
import * as _kodiak_finance_orderly_types from '@kodiak-finance/orderly-types';
|
|
2
|
+
import { MarginMode, OrderSide, OrderType, OrderLevel, OrderlyOrder, API } from '@kodiak-finance/orderly-types';
|
|
1
3
|
import * as react from 'react';
|
|
2
4
|
import react__default, { FC } from 'react';
|
|
3
|
-
import * as _kodiak_finance_orderly_types from '@kodiak-finance/orderly-types';
|
|
4
|
-
import { OrderSide, OrderType, OrderLevel, OrderlyOrder, API, MarginMode } from '@kodiak-finance/orderly-types';
|
|
5
5
|
import * as _kodiak_finance_orderly_hooks from '@kodiak-finance/orderly-hooks';
|
|
6
6
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
|
|
8
|
+
/** Props exposed for plugin interceptors targeting OrderType tabs area. */
|
|
9
|
+
type OrderEntryTypeTabsProps = {
|
|
10
|
+
type: OrderType;
|
|
11
|
+
side: OrderSide;
|
|
12
|
+
canTrade: boolean;
|
|
13
|
+
onChange: (type: OrderType) => void;
|
|
14
|
+
marketOrderDisabled?: boolean;
|
|
15
|
+
marketOrderDisabledTooltip?: string;
|
|
16
|
+
};
|
|
17
|
+
/** Props exposed for plugin interceptors targeting Buy/Sell switch area. */
|
|
18
|
+
type OrderEntryBuySellSwitchProps = {
|
|
19
|
+
side: OrderSide;
|
|
20
|
+
canTrade: boolean;
|
|
21
|
+
onSideChange: (side: OrderSide) => void;
|
|
22
|
+
};
|
|
23
|
+
/** Props exposed for plugin interceptors targeting Available balance row. */
|
|
24
|
+
type OrderEntryAvailableProps = {
|
|
25
|
+
currentLtv: number;
|
|
26
|
+
canTrade: boolean;
|
|
27
|
+
quote?: string;
|
|
28
|
+
freeCollateral: number;
|
|
29
|
+
marginMode?: MarginMode;
|
|
30
|
+
};
|
|
31
|
+
/** Props exposed for plugin interceptors targeting quantity slider area. */
|
|
32
|
+
type OrderEntryQuantitySliderProps = {
|
|
33
|
+
canTrade: boolean;
|
|
34
|
+
side: OrderSide;
|
|
35
|
+
order_quantity?: string;
|
|
36
|
+
maxQty: number;
|
|
37
|
+
};
|
|
38
|
+
/** Props exposed for plugin interceptors targeting submit+asset-info section. */
|
|
39
|
+
type OrderEntrySubmitSectionProps = {
|
|
40
|
+
buttonLabel: string;
|
|
41
|
+
side: OrderSide;
|
|
42
|
+
canTrade: boolean;
|
|
43
|
+
isMutating: boolean;
|
|
44
|
+
onSubmit: () => void;
|
|
45
|
+
assetInfo: {
|
|
46
|
+
canTrade: boolean;
|
|
47
|
+
quote: string;
|
|
48
|
+
estLiqPrice: number | null;
|
|
49
|
+
estLiqPriceDistance: number | null;
|
|
50
|
+
estLeverage: number | null;
|
|
51
|
+
currentLeverage: number | null;
|
|
52
|
+
slippage: string;
|
|
53
|
+
dp: number;
|
|
54
|
+
setSlippage: (slippage: string) => void;
|
|
55
|
+
estSlippage: number | null;
|
|
56
|
+
orderType: OrderType;
|
|
57
|
+
disableFeatures?: ("slippageSetting" | "feesInfo")[];
|
|
58
|
+
symbol: string;
|
|
59
|
+
side: OrderSide;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
|
|
8
63
|
declare enum InputType {
|
|
9
64
|
NONE = 0,
|
|
10
65
|
PRICE = 1,// price input focus
|
|
@@ -93,6 +148,10 @@ declare const useOrderEntryScript: (inputs: OrderEntryScriptInputs) => {
|
|
|
93
148
|
resetErrors: () => void;
|
|
94
149
|
resetMetaState: () => void;
|
|
95
150
|
maxQty: number;
|
|
151
|
+
maxQtys: {
|
|
152
|
+
maxBuy: number;
|
|
153
|
+
maxSell: number;
|
|
154
|
+
};
|
|
96
155
|
estLiqPrice: number | null;
|
|
97
156
|
currentPosition: number;
|
|
98
157
|
estLiqPriceDistance: number | null;
|
|
@@ -119,6 +178,23 @@ type OrderEntryProps = OrderEntryScriptReturn & {
|
|
|
119
178
|
};
|
|
120
179
|
declare const OrderEntry: react__default.FC<OrderEntryProps>;
|
|
121
180
|
|
|
181
|
+
/**
|
|
182
|
+
* Module augmentation: maps OrderEntry interceptor target paths to props types.
|
|
183
|
+
* Import from @orderly.network/ui-order-entry to enable typed props in
|
|
184
|
+
* createInterceptor("Trading.OrderEntry.*", (Original, props, api) => ...).
|
|
185
|
+
*/
|
|
186
|
+
|
|
187
|
+
declare module "@kodiak-finance/orderly-plugin-core" {
|
|
188
|
+
interface InterceptorTargetPropsMap {
|
|
189
|
+
OrderEntry: OrderEntryProps;
|
|
190
|
+
"Trading.OrderEntry.Available": OrderEntryAvailableProps;
|
|
191
|
+
"Trading.OrderEntry.BuySellSwitch": OrderEntryBuySellSwitchProps;
|
|
192
|
+
"Trading.OrderEntry.QuantitySlider": OrderEntryQuantitySliderProps;
|
|
193
|
+
"Trading.OrderEntry.SubmitSection": OrderEntrySubmitSectionProps;
|
|
194
|
+
"Trading.OrderEntry.TypeTabs": OrderEntryTypeTabsProps;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
|
|
122
198
|
declare const OrderEntryWidget: react__default.FC<OrderEntryScriptInputs & {
|
|
123
199
|
containerRef?: react__default.RefObject<HTMLDivElement>;
|
|
124
200
|
disableFeatures?: ("slippageSetting" | "feesInfo")[];
|