@orderly.network/markets 2.2.0 → 2.3.0-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 +50 -108
- package/dist/index.d.ts +50 -108
- package/dist/index.js +66 -63
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -5
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +7 -7
package/dist/index.d.mts
CHANGED
|
@@ -13,32 +13,9 @@ type TEmblaApi = {
|
|
|
13
13
|
scrollPrev: (jump?: boolean) => void;
|
|
14
14
|
scrollNext: (jump?: boolean) => void;
|
|
15
15
|
};
|
|
16
|
-
type
|
|
16
|
+
type MarketsHeaderReturns = ReturnType<typeof useMarketsHeaderScript>;
|
|
17
17
|
declare const useMarketsHeaderScript: () => {
|
|
18
|
-
markets:
|
|
19
|
-
symbol: string;
|
|
20
|
-
index_price: number;
|
|
21
|
-
mark_price: number;
|
|
22
|
-
sum_unitary_funding: number;
|
|
23
|
-
est_funding_rate: number;
|
|
24
|
-
last_funding_rate: number;
|
|
25
|
-
next_funding_time: number;
|
|
26
|
-
open_interest: number;
|
|
27
|
-
"24h_open": number;
|
|
28
|
-
"24h_close": number;
|
|
29
|
-
"24h_high": number;
|
|
30
|
-
"24h_low": number;
|
|
31
|
-
"24h_volume": number;
|
|
32
|
-
"24h_amount": number;
|
|
33
|
-
"24h_volumn": number;
|
|
34
|
-
change: number;
|
|
35
|
-
"8h_funding": number;
|
|
36
|
-
quote_dp: number;
|
|
37
|
-
created_time: number;
|
|
38
|
-
openInterest: number;
|
|
39
|
-
isFavorite: boolean;
|
|
40
|
-
leverage?: number;
|
|
41
|
-
}[];
|
|
18
|
+
markets: _orderly_network_hooks.MarketsItem[];
|
|
42
19
|
news: any[];
|
|
43
20
|
gainers: any[];
|
|
44
21
|
losers: any[];
|
|
@@ -83,9 +60,15 @@ declare const useMarketsHeaderScript: () => {
|
|
|
83
60
|
};
|
|
84
61
|
|
|
85
62
|
/** -----------MarketsHeader start ------------ */
|
|
86
|
-
|
|
63
|
+
type MarketsHeaderProps = MarketsHeaderReturns & {
|
|
64
|
+
className?: string;
|
|
65
|
+
};
|
|
66
|
+
declare const MarketsHeader: FC<MarketsHeaderProps>;
|
|
87
67
|
|
|
88
|
-
|
|
68
|
+
type MarketsHeaderWidgetProps = {
|
|
69
|
+
className?: string;
|
|
70
|
+
};
|
|
71
|
+
declare const MarketsHeaderWidget: FC<MarketsHeaderWidgetProps>;
|
|
89
72
|
|
|
90
73
|
declare const MarketsDataListWidget: () => react_jsx_runtime.JSX.Element;
|
|
91
74
|
|
|
@@ -95,17 +78,27 @@ type SortType = {
|
|
|
95
78
|
sortOrder: SortOrder;
|
|
96
79
|
};
|
|
97
80
|
type GetColumns = (favorite: FavoriteInstance, isFavoriteList: boolean) => Column[];
|
|
98
|
-
declare enum
|
|
81
|
+
declare enum MarketsPageTab {
|
|
82
|
+
Markets = "markets",
|
|
83
|
+
Funding = "funding"
|
|
84
|
+
}
|
|
85
|
+
declare enum MarketsTabName {
|
|
99
86
|
Favorites = "favorites",
|
|
100
87
|
Recent = "recent",
|
|
101
88
|
All = "all",
|
|
102
89
|
NewListing = "newListing"
|
|
103
90
|
}
|
|
91
|
+
declare enum FundingTabName {
|
|
92
|
+
Overview = "overview",
|
|
93
|
+
Comparison = "comparison"
|
|
94
|
+
}
|
|
104
95
|
|
|
105
96
|
type UseMarketsDataListScript = ReturnType<typeof useMarketsDataListScript>;
|
|
106
97
|
declare function useMarketsDataListScript(): {
|
|
107
|
-
activeTab:
|
|
98
|
+
activeTab: MarketsTabName;
|
|
108
99
|
onTabChange: (value: string) => void;
|
|
100
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
101
|
+
onTabSort: (type: MarketsTabName) => (sort?: SortType) => void;
|
|
109
102
|
};
|
|
110
103
|
|
|
111
104
|
type MarketsDataListProps = UseMarketsDataListScript;
|
|
@@ -153,12 +146,7 @@ declare const useMarketsListFullScript: (options: UseMarketsListFullScriptOption
|
|
|
153
146
|
updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
|
|
154
147
|
};
|
|
155
148
|
onSort: (options?: TableSort) => void;
|
|
156
|
-
pagination:
|
|
157
|
-
page: number;
|
|
158
|
-
pageSize: number;
|
|
159
|
-
onPageChange: react.Dispatch<react.SetStateAction<number>>;
|
|
160
|
-
onPageSizeChange: (size: number) => void;
|
|
161
|
-
};
|
|
149
|
+
pagination: _orderly_network_ui.PaginationMeta;
|
|
162
150
|
initialSort: TableSort;
|
|
163
151
|
};
|
|
164
152
|
|
|
@@ -202,12 +190,7 @@ declare const useFavoritesListFullScript: () => {
|
|
|
202
190
|
updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
|
|
203
191
|
};
|
|
204
192
|
onSort: (options?: _orderly_network_ui.TableSort) => void;
|
|
205
|
-
pagination:
|
|
206
|
-
page: number;
|
|
207
|
-
pageSize: number;
|
|
208
|
-
onPageChange: react.Dispatch<react.SetStateAction<number>>;
|
|
209
|
-
onPageSizeChange: (size: number) => void;
|
|
210
|
-
};
|
|
193
|
+
pagination: _orderly_network_ui.PaginationMeta;
|
|
211
194
|
};
|
|
212
195
|
|
|
213
196
|
type FavoritesListFullProps = UseFavoritesListFullReturn;
|
|
@@ -306,15 +289,15 @@ type FavoritesTabWidgetProps = UseFavoritesTabScriptOptions & {
|
|
|
306
289
|
declare const FavoritesTabWidget: React.FC<FavoritesTabWidgetProps>;
|
|
307
290
|
|
|
308
291
|
type ExpandMarketsScriptOptions = {
|
|
309
|
-
activeTab?:
|
|
310
|
-
onTabChange?: (tab:
|
|
292
|
+
activeTab?: MarketsTabName;
|
|
293
|
+
onTabChange?: (tab: MarketsTabName) => void;
|
|
311
294
|
};
|
|
312
295
|
type ExpandMarketsScriptReturn = ReturnType<typeof useExpandMarketsScript>;
|
|
313
296
|
declare function useExpandMarketsScript(options: ExpandMarketsScriptOptions): {
|
|
314
|
-
activeTab:
|
|
297
|
+
activeTab: MarketsTabName;
|
|
315
298
|
onTabChange: (value: string) => void;
|
|
316
|
-
tabSort: Record<
|
|
317
|
-
onTabSort: (type:
|
|
299
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
300
|
+
onTabSort: (type: MarketsTabName) => (sort?: SortType) => void;
|
|
318
301
|
};
|
|
319
302
|
|
|
320
303
|
type ExpandMarketsProps = ExpandMarketsScriptReturn;
|
|
@@ -330,7 +313,7 @@ type ExpandMarketsWidgetProps = MarketsProviderProps & ExpandMarketsScriptOption
|
|
|
330
313
|
declare const ExpandMarketsWidget: React.FC<ExpandMarketsWidgetProps>;
|
|
331
314
|
|
|
332
315
|
type MarketsListWidgetProps = {
|
|
333
|
-
type:
|
|
316
|
+
type: MarketsTabName;
|
|
334
317
|
getColumns?: GetColumns;
|
|
335
318
|
collapsed?: boolean;
|
|
336
319
|
tableClassNames?: DataTableClassNames;
|
|
@@ -387,72 +370,29 @@ declare const useMarketsListScript: (options: MarketsListScriptOptions) => {
|
|
|
387
370
|
type MarketsListProps = MarketsListScriiptReturn & Pick<MarketsListWidgetProps, "getColumns" | "collapsed" | "tableClassNames" | "rowClassName" | "initialSort" | "renderHeader">;
|
|
388
371
|
declare const MarketsList: FC<MarketsListProps>;
|
|
389
372
|
|
|
390
|
-
type
|
|
391
|
-
symbol: string;
|
|
392
|
-
estFunding: number;
|
|
393
|
-
lastFunding: number;
|
|
394
|
-
fundingInterval: number;
|
|
395
|
-
funding1d: number | string;
|
|
396
|
-
funding3d: number | string;
|
|
397
|
-
funding7d: number | string;
|
|
398
|
-
funding14d: number | string;
|
|
399
|
-
funding30d: number | string;
|
|
400
|
-
funding90d: number | string;
|
|
401
|
-
"1dPositive": number | string;
|
|
402
|
-
"3dPositive": number | string;
|
|
403
|
-
"7dPositive": number | string;
|
|
404
|
-
"14dPositive": number | string;
|
|
405
|
-
"30dPositive": number | string;
|
|
406
|
-
"90dPositive": number | string;
|
|
407
|
-
};
|
|
408
|
-
type UseFundingOverviewReturn = {
|
|
409
|
-
dataSource: ProcessedFundingData[];
|
|
410
|
-
isLoading: boolean;
|
|
411
|
-
pagination: {
|
|
412
|
-
pageSize: number;
|
|
413
|
-
page: number;
|
|
414
|
-
};
|
|
415
|
-
onSort: any;
|
|
416
|
-
};
|
|
373
|
+
type FundingOverviewReturn = ReturnType<typeof useFundingOverviewScript>;
|
|
417
374
|
declare const useFundingOverviewScript: () => {
|
|
418
375
|
dataSource: any[];
|
|
419
376
|
isLoading: boolean;
|
|
420
|
-
pagination:
|
|
421
|
-
page: number;
|
|
422
|
-
pageSize: number;
|
|
423
|
-
onPageChange: react.Dispatch<react.SetStateAction<number>>;
|
|
424
|
-
onPageSizeChange: (size: number) => void;
|
|
425
|
-
};
|
|
377
|
+
pagination: _orderly_network_ui.PaginationMeta;
|
|
426
378
|
onSort: (options?: _orderly_network_ui.TableSort) => void;
|
|
427
379
|
};
|
|
428
380
|
|
|
429
|
-
type FundingOverviewProps =
|
|
381
|
+
type FundingOverviewProps = FundingOverviewReturn;
|
|
430
382
|
declare const FundingOverview: FC<FundingOverviewProps>;
|
|
431
383
|
|
|
432
384
|
declare const FundingOverviewWidget: FC;
|
|
433
385
|
|
|
434
|
-
|
|
435
|
-
data: Array<{
|
|
436
|
-
symbol: string;
|
|
437
|
-
funding: (number | null)[];
|
|
438
|
-
}>;
|
|
439
|
-
isLoading: boolean;
|
|
440
|
-
pagination: any;
|
|
441
|
-
}
|
|
442
|
-
declare const FundingComparison: FC<FundingComparisonProps>;
|
|
443
|
-
|
|
386
|
+
type FundingComparisonReturn = ReturnType<typeof useFundingComparisonScript>;
|
|
444
387
|
declare const useFundingComparisonScript: () => {
|
|
445
|
-
|
|
388
|
+
dataSource: any[];
|
|
446
389
|
isLoading: boolean;
|
|
447
|
-
pagination:
|
|
448
|
-
page: number;
|
|
449
|
-
pageSize: number;
|
|
450
|
-
onPageChange: react.Dispatch<react.SetStateAction<number>>;
|
|
451
|
-
onPageSizeChange: (size: number) => void;
|
|
452
|
-
};
|
|
390
|
+
pagination: _orderly_network_ui.PaginationMeta;
|
|
453
391
|
onSort: (options?: _orderly_network_ui.TableSort) => void;
|
|
454
392
|
};
|
|
455
393
|
|
|
394
|
+
declare const FundingComparison: FC<FundingComparisonReturn>;
|
|
395
|
+
|
|
456
396
|
declare const FundingComparisonWidget: FC;
|
|
457
397
|
|
|
458
398
|
type CollapseMarketsProps = {
|
|
@@ -470,9 +410,9 @@ declare function useSideMarketsScript(options?: SideMarketsScriptOptions): {
|
|
|
470
410
|
collapsable: boolean;
|
|
471
411
|
collapsed: boolean | undefined;
|
|
472
412
|
onCollapse: (collapsed: boolean) => void;
|
|
473
|
-
activeTab:
|
|
474
|
-
onTabChange: (value:
|
|
475
|
-
tabSort: Record<
|
|
413
|
+
activeTab: MarketsTabName;
|
|
414
|
+
onTabChange: (value: MarketsTabName) => void;
|
|
415
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
476
416
|
};
|
|
477
417
|
|
|
478
418
|
type SideMarketsProps = SideMarketsScriptReturn & {
|
|
@@ -485,13 +425,13 @@ declare const SideMarketsWidget: react__default.FC<SideMarketsWidgetProps>;
|
|
|
485
425
|
|
|
486
426
|
type DropDownMarketsScriptReturn = ReturnType<typeof useDropDownMarketsScript>;
|
|
487
427
|
declare function useDropDownMarketsScript(): {
|
|
488
|
-
activeTab:
|
|
428
|
+
activeTab: MarketsTabName;
|
|
489
429
|
onTabChange: (value: string) => void;
|
|
490
430
|
open: boolean;
|
|
491
431
|
onOpenChange: react.Dispatch<react.SetStateAction<boolean>>;
|
|
492
432
|
hide: () => void;
|
|
493
|
-
tabSort: Record<
|
|
494
|
-
onTabSort: (type:
|
|
433
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
434
|
+
onTabSort: (type: MarketsTabName) => (sort?: SortType) => void;
|
|
495
435
|
};
|
|
496
436
|
|
|
497
437
|
type DropDownMarketsProps = DropDownMarketsScriptReturn & {
|
|
@@ -507,8 +447,10 @@ declare const DropDownMarketsWidget: react__default.FC<PropsWithChildren<DropDow
|
|
|
507
447
|
|
|
508
448
|
type MarketsSheetScriptReturn = ReturnType<typeof useMarketsSheetScript>;
|
|
509
449
|
declare function useMarketsSheetScript(): {
|
|
510
|
-
tabSort: Record<
|
|
511
|
-
onTabSort: (type:
|
|
450
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
451
|
+
onTabSort: (type: MarketsTabName) => (sort?: SortType) => void;
|
|
452
|
+
activeTab: MarketsTabName;
|
|
453
|
+
onTabChange: react.Dispatch<react.SetStateAction<MarketsTabName>>;
|
|
512
454
|
};
|
|
513
455
|
|
|
514
456
|
type MarketsSheetProps = MarketsSheetScriptReturn & {
|
|
@@ -583,7 +525,7 @@ declare function useSymbolInfoBarFullScript(options: UseSymbolInfoBarFullScriptO
|
|
|
583
525
|
change?: number;
|
|
584
526
|
"24h_change"?: number;
|
|
585
527
|
};
|
|
586
|
-
quotoDp:
|
|
528
|
+
quotoDp: number;
|
|
587
529
|
openInterest: string;
|
|
588
530
|
fundingRate: {
|
|
589
531
|
est_funding_rate: string | null | undefined;
|
|
@@ -761,4 +703,4 @@ type MarketsHomePageProps = MarketsProviderProps & {
|
|
|
761
703
|
};
|
|
762
704
|
declare const MarketsHomePage: FC<MarketsHomePageProps>;
|
|
763
705
|
|
|
764
|
-
export { CollapseMarkets, type CollapseMarketsProps, DropDownMarkets, DropDownMarketsConetnt, DropDownMarketsWidget, ExpandMarkets, ExpandMarketsWidget, FavoritesDropdownMenu, FavoritesDropdownMenuWidget, FavoritesList, FavoritesListFull, FavoritesListFullWidget, FavoritesListWidget, FavoritesTab, FavoritesTabWidget, FundingComparison, FundingComparisonWidget, FundingOverview, FundingOverviewWidget, MarketsDataList, MarketsDataListWidget, MarketsHeader, MarketsHeaderWidget, MarketsHomePage, MarketsList, MarketsListFull, MarketsListFullWidget, MarketsListWidget, MarketsProvider, MarketsSheet, MarketsSheetWidget, NewListingList, NewListingListWidget, RecentList, RecentListWidget, SideMarkets, SideMarketsWidget, SymbolInfoBar, SymbolInfoBarFull, SymbolInfoBarFullWidget, SymbolInfoBarWidget, useDropDownMarketsColumns, useDropDownMarketsScript, useExpandMarketsScript, useFavoritesDropdownMenuScript, useFavoritesListFullScript, useFavoritesListScript, useFavoritesTabScript, useFundingComparisonScript, useFundingOverviewScript, useMarketsDataListScript, useMarketsHeaderScript, useMarketsListFullScript, useMarketsListScript, useMarketsSheetScript, useNewListingListScript, useRecentListScript, useSideMarketsScript, useSymbolInfoBarFullScript, useSymbolInfoBarScript };
|
|
706
|
+
export { CollapseMarkets, type CollapseMarketsProps, DropDownMarkets, DropDownMarketsConetnt, DropDownMarketsWidget, ExpandMarkets, ExpandMarketsWidget, type FavoriteInstance, FavoritesDropdownMenu, FavoritesDropdownMenuWidget, FavoritesList, FavoritesListFull, FavoritesListFullWidget, FavoritesListWidget, FavoritesTab, FavoritesTabWidget, FundingComparison, FundingComparisonWidget, FundingOverview, FundingOverviewWidget, FundingTabName, type GetColumns, MarketsDataList, MarketsDataListWidget, MarketsHeader, MarketsHeaderWidget, MarketsHomePage, MarketsList, MarketsListFull, MarketsListFullWidget, MarketsListWidget, MarketsPageTab, MarketsProvider, MarketsSheet, MarketsSheetWidget, MarketsTabName, NewListingList, NewListingListWidget, RecentList, RecentListWidget, SideMarkets, SideMarketsWidget, type SortType, SymbolInfoBar, SymbolInfoBarFull, SymbolInfoBarFullWidget, SymbolInfoBarWidget, useDropDownMarketsColumns, useDropDownMarketsScript, useExpandMarketsScript, useFavoritesDropdownMenuScript, useFavoritesListFullScript, useFavoritesListScript, useFavoritesTabScript, useFundingComparisonScript, useFundingOverviewScript, useMarketsDataListScript, useMarketsHeaderScript, useMarketsListFullScript, useMarketsListScript, useMarketsSheetScript, useNewListingListScript, useRecentListScript, useSideMarketsScript, useSymbolInfoBarFullScript, useSymbolInfoBarScript };
|
package/dist/index.d.ts
CHANGED
|
@@ -13,32 +13,9 @@ type TEmblaApi = {
|
|
|
13
13
|
scrollPrev: (jump?: boolean) => void;
|
|
14
14
|
scrollNext: (jump?: boolean) => void;
|
|
15
15
|
};
|
|
16
|
-
type
|
|
16
|
+
type MarketsHeaderReturns = ReturnType<typeof useMarketsHeaderScript>;
|
|
17
17
|
declare const useMarketsHeaderScript: () => {
|
|
18
|
-
markets:
|
|
19
|
-
symbol: string;
|
|
20
|
-
index_price: number;
|
|
21
|
-
mark_price: number;
|
|
22
|
-
sum_unitary_funding: number;
|
|
23
|
-
est_funding_rate: number;
|
|
24
|
-
last_funding_rate: number;
|
|
25
|
-
next_funding_time: number;
|
|
26
|
-
open_interest: number;
|
|
27
|
-
"24h_open": number;
|
|
28
|
-
"24h_close": number;
|
|
29
|
-
"24h_high": number;
|
|
30
|
-
"24h_low": number;
|
|
31
|
-
"24h_volume": number;
|
|
32
|
-
"24h_amount": number;
|
|
33
|
-
"24h_volumn": number;
|
|
34
|
-
change: number;
|
|
35
|
-
"8h_funding": number;
|
|
36
|
-
quote_dp: number;
|
|
37
|
-
created_time: number;
|
|
38
|
-
openInterest: number;
|
|
39
|
-
isFavorite: boolean;
|
|
40
|
-
leverage?: number;
|
|
41
|
-
}[];
|
|
18
|
+
markets: _orderly_network_hooks.MarketsItem[];
|
|
42
19
|
news: any[];
|
|
43
20
|
gainers: any[];
|
|
44
21
|
losers: any[];
|
|
@@ -83,9 +60,15 @@ declare const useMarketsHeaderScript: () => {
|
|
|
83
60
|
};
|
|
84
61
|
|
|
85
62
|
/** -----------MarketsHeader start ------------ */
|
|
86
|
-
|
|
63
|
+
type MarketsHeaderProps = MarketsHeaderReturns & {
|
|
64
|
+
className?: string;
|
|
65
|
+
};
|
|
66
|
+
declare const MarketsHeader: FC<MarketsHeaderProps>;
|
|
87
67
|
|
|
88
|
-
|
|
68
|
+
type MarketsHeaderWidgetProps = {
|
|
69
|
+
className?: string;
|
|
70
|
+
};
|
|
71
|
+
declare const MarketsHeaderWidget: FC<MarketsHeaderWidgetProps>;
|
|
89
72
|
|
|
90
73
|
declare const MarketsDataListWidget: () => react_jsx_runtime.JSX.Element;
|
|
91
74
|
|
|
@@ -95,17 +78,27 @@ type SortType = {
|
|
|
95
78
|
sortOrder: SortOrder;
|
|
96
79
|
};
|
|
97
80
|
type GetColumns = (favorite: FavoriteInstance, isFavoriteList: boolean) => Column[];
|
|
98
|
-
declare enum
|
|
81
|
+
declare enum MarketsPageTab {
|
|
82
|
+
Markets = "markets",
|
|
83
|
+
Funding = "funding"
|
|
84
|
+
}
|
|
85
|
+
declare enum MarketsTabName {
|
|
99
86
|
Favorites = "favorites",
|
|
100
87
|
Recent = "recent",
|
|
101
88
|
All = "all",
|
|
102
89
|
NewListing = "newListing"
|
|
103
90
|
}
|
|
91
|
+
declare enum FundingTabName {
|
|
92
|
+
Overview = "overview",
|
|
93
|
+
Comparison = "comparison"
|
|
94
|
+
}
|
|
104
95
|
|
|
105
96
|
type UseMarketsDataListScript = ReturnType<typeof useMarketsDataListScript>;
|
|
106
97
|
declare function useMarketsDataListScript(): {
|
|
107
|
-
activeTab:
|
|
98
|
+
activeTab: MarketsTabName;
|
|
108
99
|
onTabChange: (value: string) => void;
|
|
100
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
101
|
+
onTabSort: (type: MarketsTabName) => (sort?: SortType) => void;
|
|
109
102
|
};
|
|
110
103
|
|
|
111
104
|
type MarketsDataListProps = UseMarketsDataListScript;
|
|
@@ -153,12 +146,7 @@ declare const useMarketsListFullScript: (options: UseMarketsListFullScriptOption
|
|
|
153
146
|
updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
|
|
154
147
|
};
|
|
155
148
|
onSort: (options?: TableSort) => void;
|
|
156
|
-
pagination:
|
|
157
|
-
page: number;
|
|
158
|
-
pageSize: number;
|
|
159
|
-
onPageChange: react.Dispatch<react.SetStateAction<number>>;
|
|
160
|
-
onPageSizeChange: (size: number) => void;
|
|
161
|
-
};
|
|
149
|
+
pagination: _orderly_network_ui.PaginationMeta;
|
|
162
150
|
initialSort: TableSort;
|
|
163
151
|
};
|
|
164
152
|
|
|
@@ -202,12 +190,7 @@ declare const useFavoritesListFullScript: () => {
|
|
|
202
190
|
updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
|
|
203
191
|
};
|
|
204
192
|
onSort: (options?: _orderly_network_ui.TableSort) => void;
|
|
205
|
-
pagination:
|
|
206
|
-
page: number;
|
|
207
|
-
pageSize: number;
|
|
208
|
-
onPageChange: react.Dispatch<react.SetStateAction<number>>;
|
|
209
|
-
onPageSizeChange: (size: number) => void;
|
|
210
|
-
};
|
|
193
|
+
pagination: _orderly_network_ui.PaginationMeta;
|
|
211
194
|
};
|
|
212
195
|
|
|
213
196
|
type FavoritesListFullProps = UseFavoritesListFullReturn;
|
|
@@ -306,15 +289,15 @@ type FavoritesTabWidgetProps = UseFavoritesTabScriptOptions & {
|
|
|
306
289
|
declare const FavoritesTabWidget: React.FC<FavoritesTabWidgetProps>;
|
|
307
290
|
|
|
308
291
|
type ExpandMarketsScriptOptions = {
|
|
309
|
-
activeTab?:
|
|
310
|
-
onTabChange?: (tab:
|
|
292
|
+
activeTab?: MarketsTabName;
|
|
293
|
+
onTabChange?: (tab: MarketsTabName) => void;
|
|
311
294
|
};
|
|
312
295
|
type ExpandMarketsScriptReturn = ReturnType<typeof useExpandMarketsScript>;
|
|
313
296
|
declare function useExpandMarketsScript(options: ExpandMarketsScriptOptions): {
|
|
314
|
-
activeTab:
|
|
297
|
+
activeTab: MarketsTabName;
|
|
315
298
|
onTabChange: (value: string) => void;
|
|
316
|
-
tabSort: Record<
|
|
317
|
-
onTabSort: (type:
|
|
299
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
300
|
+
onTabSort: (type: MarketsTabName) => (sort?: SortType) => void;
|
|
318
301
|
};
|
|
319
302
|
|
|
320
303
|
type ExpandMarketsProps = ExpandMarketsScriptReturn;
|
|
@@ -330,7 +313,7 @@ type ExpandMarketsWidgetProps = MarketsProviderProps & ExpandMarketsScriptOption
|
|
|
330
313
|
declare const ExpandMarketsWidget: React.FC<ExpandMarketsWidgetProps>;
|
|
331
314
|
|
|
332
315
|
type MarketsListWidgetProps = {
|
|
333
|
-
type:
|
|
316
|
+
type: MarketsTabName;
|
|
334
317
|
getColumns?: GetColumns;
|
|
335
318
|
collapsed?: boolean;
|
|
336
319
|
tableClassNames?: DataTableClassNames;
|
|
@@ -387,72 +370,29 @@ declare const useMarketsListScript: (options: MarketsListScriptOptions) => {
|
|
|
387
370
|
type MarketsListProps = MarketsListScriiptReturn & Pick<MarketsListWidgetProps, "getColumns" | "collapsed" | "tableClassNames" | "rowClassName" | "initialSort" | "renderHeader">;
|
|
388
371
|
declare const MarketsList: FC<MarketsListProps>;
|
|
389
372
|
|
|
390
|
-
type
|
|
391
|
-
symbol: string;
|
|
392
|
-
estFunding: number;
|
|
393
|
-
lastFunding: number;
|
|
394
|
-
fundingInterval: number;
|
|
395
|
-
funding1d: number | string;
|
|
396
|
-
funding3d: number | string;
|
|
397
|
-
funding7d: number | string;
|
|
398
|
-
funding14d: number | string;
|
|
399
|
-
funding30d: number | string;
|
|
400
|
-
funding90d: number | string;
|
|
401
|
-
"1dPositive": number | string;
|
|
402
|
-
"3dPositive": number | string;
|
|
403
|
-
"7dPositive": number | string;
|
|
404
|
-
"14dPositive": number | string;
|
|
405
|
-
"30dPositive": number | string;
|
|
406
|
-
"90dPositive": number | string;
|
|
407
|
-
};
|
|
408
|
-
type UseFundingOverviewReturn = {
|
|
409
|
-
dataSource: ProcessedFundingData[];
|
|
410
|
-
isLoading: boolean;
|
|
411
|
-
pagination: {
|
|
412
|
-
pageSize: number;
|
|
413
|
-
page: number;
|
|
414
|
-
};
|
|
415
|
-
onSort: any;
|
|
416
|
-
};
|
|
373
|
+
type FundingOverviewReturn = ReturnType<typeof useFundingOverviewScript>;
|
|
417
374
|
declare const useFundingOverviewScript: () => {
|
|
418
375
|
dataSource: any[];
|
|
419
376
|
isLoading: boolean;
|
|
420
|
-
pagination:
|
|
421
|
-
page: number;
|
|
422
|
-
pageSize: number;
|
|
423
|
-
onPageChange: react.Dispatch<react.SetStateAction<number>>;
|
|
424
|
-
onPageSizeChange: (size: number) => void;
|
|
425
|
-
};
|
|
377
|
+
pagination: _orderly_network_ui.PaginationMeta;
|
|
426
378
|
onSort: (options?: _orderly_network_ui.TableSort) => void;
|
|
427
379
|
};
|
|
428
380
|
|
|
429
|
-
type FundingOverviewProps =
|
|
381
|
+
type FundingOverviewProps = FundingOverviewReturn;
|
|
430
382
|
declare const FundingOverview: FC<FundingOverviewProps>;
|
|
431
383
|
|
|
432
384
|
declare const FundingOverviewWidget: FC;
|
|
433
385
|
|
|
434
|
-
|
|
435
|
-
data: Array<{
|
|
436
|
-
symbol: string;
|
|
437
|
-
funding: (number | null)[];
|
|
438
|
-
}>;
|
|
439
|
-
isLoading: boolean;
|
|
440
|
-
pagination: any;
|
|
441
|
-
}
|
|
442
|
-
declare const FundingComparison: FC<FundingComparisonProps>;
|
|
443
|
-
|
|
386
|
+
type FundingComparisonReturn = ReturnType<typeof useFundingComparisonScript>;
|
|
444
387
|
declare const useFundingComparisonScript: () => {
|
|
445
|
-
|
|
388
|
+
dataSource: any[];
|
|
446
389
|
isLoading: boolean;
|
|
447
|
-
pagination:
|
|
448
|
-
page: number;
|
|
449
|
-
pageSize: number;
|
|
450
|
-
onPageChange: react.Dispatch<react.SetStateAction<number>>;
|
|
451
|
-
onPageSizeChange: (size: number) => void;
|
|
452
|
-
};
|
|
390
|
+
pagination: _orderly_network_ui.PaginationMeta;
|
|
453
391
|
onSort: (options?: _orderly_network_ui.TableSort) => void;
|
|
454
392
|
};
|
|
455
393
|
|
|
394
|
+
declare const FundingComparison: FC<FundingComparisonReturn>;
|
|
395
|
+
|
|
456
396
|
declare const FundingComparisonWidget: FC;
|
|
457
397
|
|
|
458
398
|
type CollapseMarketsProps = {
|
|
@@ -470,9 +410,9 @@ declare function useSideMarketsScript(options?: SideMarketsScriptOptions): {
|
|
|
470
410
|
collapsable: boolean;
|
|
471
411
|
collapsed: boolean | undefined;
|
|
472
412
|
onCollapse: (collapsed: boolean) => void;
|
|
473
|
-
activeTab:
|
|
474
|
-
onTabChange: (value:
|
|
475
|
-
tabSort: Record<
|
|
413
|
+
activeTab: MarketsTabName;
|
|
414
|
+
onTabChange: (value: MarketsTabName) => void;
|
|
415
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
476
416
|
};
|
|
477
417
|
|
|
478
418
|
type SideMarketsProps = SideMarketsScriptReturn & {
|
|
@@ -485,13 +425,13 @@ declare const SideMarketsWidget: react__default.FC<SideMarketsWidgetProps>;
|
|
|
485
425
|
|
|
486
426
|
type DropDownMarketsScriptReturn = ReturnType<typeof useDropDownMarketsScript>;
|
|
487
427
|
declare function useDropDownMarketsScript(): {
|
|
488
|
-
activeTab:
|
|
428
|
+
activeTab: MarketsTabName;
|
|
489
429
|
onTabChange: (value: string) => void;
|
|
490
430
|
open: boolean;
|
|
491
431
|
onOpenChange: react.Dispatch<react.SetStateAction<boolean>>;
|
|
492
432
|
hide: () => void;
|
|
493
|
-
tabSort: Record<
|
|
494
|
-
onTabSort: (type:
|
|
433
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
434
|
+
onTabSort: (type: MarketsTabName) => (sort?: SortType) => void;
|
|
495
435
|
};
|
|
496
436
|
|
|
497
437
|
type DropDownMarketsProps = DropDownMarketsScriptReturn & {
|
|
@@ -507,8 +447,10 @@ declare const DropDownMarketsWidget: react__default.FC<PropsWithChildren<DropDow
|
|
|
507
447
|
|
|
508
448
|
type MarketsSheetScriptReturn = ReturnType<typeof useMarketsSheetScript>;
|
|
509
449
|
declare function useMarketsSheetScript(): {
|
|
510
|
-
tabSort: Record<
|
|
511
|
-
onTabSort: (type:
|
|
450
|
+
tabSort: Record<MarketsTabName, SortType>;
|
|
451
|
+
onTabSort: (type: MarketsTabName) => (sort?: SortType) => void;
|
|
452
|
+
activeTab: MarketsTabName;
|
|
453
|
+
onTabChange: react.Dispatch<react.SetStateAction<MarketsTabName>>;
|
|
512
454
|
};
|
|
513
455
|
|
|
514
456
|
type MarketsSheetProps = MarketsSheetScriptReturn & {
|
|
@@ -583,7 +525,7 @@ declare function useSymbolInfoBarFullScript(options: UseSymbolInfoBarFullScriptO
|
|
|
583
525
|
change?: number;
|
|
584
526
|
"24h_change"?: number;
|
|
585
527
|
};
|
|
586
|
-
quotoDp:
|
|
528
|
+
quotoDp: number;
|
|
587
529
|
openInterest: string;
|
|
588
530
|
fundingRate: {
|
|
589
531
|
est_funding_rate: string | null | undefined;
|
|
@@ -761,4 +703,4 @@ type MarketsHomePageProps = MarketsProviderProps & {
|
|
|
761
703
|
};
|
|
762
704
|
declare const MarketsHomePage: FC<MarketsHomePageProps>;
|
|
763
705
|
|
|
764
|
-
export { CollapseMarkets, type CollapseMarketsProps, DropDownMarkets, DropDownMarketsConetnt, DropDownMarketsWidget, ExpandMarkets, ExpandMarketsWidget, FavoritesDropdownMenu, FavoritesDropdownMenuWidget, FavoritesList, FavoritesListFull, FavoritesListFullWidget, FavoritesListWidget, FavoritesTab, FavoritesTabWidget, FundingComparison, FundingComparisonWidget, FundingOverview, FundingOverviewWidget, MarketsDataList, MarketsDataListWidget, MarketsHeader, MarketsHeaderWidget, MarketsHomePage, MarketsList, MarketsListFull, MarketsListFullWidget, MarketsListWidget, MarketsProvider, MarketsSheet, MarketsSheetWidget, NewListingList, NewListingListWidget, RecentList, RecentListWidget, SideMarkets, SideMarketsWidget, SymbolInfoBar, SymbolInfoBarFull, SymbolInfoBarFullWidget, SymbolInfoBarWidget, useDropDownMarketsColumns, useDropDownMarketsScript, useExpandMarketsScript, useFavoritesDropdownMenuScript, useFavoritesListFullScript, useFavoritesListScript, useFavoritesTabScript, useFundingComparisonScript, useFundingOverviewScript, useMarketsDataListScript, useMarketsHeaderScript, useMarketsListFullScript, useMarketsListScript, useMarketsSheetScript, useNewListingListScript, useRecentListScript, useSideMarketsScript, useSymbolInfoBarFullScript, useSymbolInfoBarScript };
|
|
706
|
+
export { CollapseMarkets, type CollapseMarketsProps, DropDownMarkets, DropDownMarketsConetnt, DropDownMarketsWidget, ExpandMarkets, ExpandMarketsWidget, type FavoriteInstance, FavoritesDropdownMenu, FavoritesDropdownMenuWidget, FavoritesList, FavoritesListFull, FavoritesListFullWidget, FavoritesListWidget, FavoritesTab, FavoritesTabWidget, FundingComparison, FundingComparisonWidget, FundingOverview, FundingOverviewWidget, FundingTabName, type GetColumns, MarketsDataList, MarketsDataListWidget, MarketsHeader, MarketsHeaderWidget, MarketsHomePage, MarketsList, MarketsListFull, MarketsListFullWidget, MarketsListWidget, MarketsPageTab, MarketsProvider, MarketsSheet, MarketsSheetWidget, MarketsTabName, NewListingList, NewListingListWidget, RecentList, RecentListWidget, SideMarkets, SideMarketsWidget, type SortType, SymbolInfoBar, SymbolInfoBarFull, SymbolInfoBarFullWidget, SymbolInfoBarWidget, useDropDownMarketsColumns, useDropDownMarketsScript, useExpandMarketsScript, useFavoritesDropdownMenuScript, useFavoritesListFullScript, useFavoritesListScript, useFavoritesTabScript, useFundingComparisonScript, useFundingOverviewScript, useMarketsDataListScript, useMarketsHeaderScript, useMarketsListFullScript, useMarketsListScript, useMarketsSheetScript, useNewListingListScript, useRecentListScript, useSideMarketsScript, useSymbolInfoBarFullScript, useSymbolInfoBarScript };
|