@orderly.network/markets 2.6.3 → 2.7.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 +56 -5
- package/dist/index.d.ts +56 -5
- package/dist/index.js +32 -32
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +6 -7
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +8 -9
package/dist/index.d.mts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import react__default, { FC, ReactNode, PropsWithChildren } from 'react';
|
|
3
|
-
import * as
|
|
3
|
+
import * as _orderly_network_ui from '@orderly.network/ui';
|
|
4
|
+
import { SortOrder, Column, TableSort, DataTableClassNames } from '@orderly.network/ui';
|
|
4
5
|
import * as _orderly_network_types from '@orderly.network/types';
|
|
5
6
|
import { API } from '@orderly.network/types';
|
|
6
7
|
import * as _orderly_network_hooks from '@orderly.network/hooks';
|
|
7
8
|
import { useMarkets, FavoriteTab, Favorite } from '@orderly.network/hooks';
|
|
8
|
-
import * as _orderly_network_ui from '@orderly.network/ui';
|
|
9
|
-
import { SortOrder, Column, TableSort, DataTableClassNames } from '@orderly.network/ui';
|
|
10
9
|
import { RouterAdapter, LeftNavProps } from '@orderly.network/ui-scaffold';
|
|
11
10
|
|
|
12
11
|
type TEmblaApi = {
|
|
@@ -54,7 +53,7 @@ declare const useMarketsHeaderScript: () => {
|
|
|
54
53
|
};
|
|
55
54
|
scrollIndex: number;
|
|
56
55
|
setScrollIndex: react.Dispatch<react.SetStateAction<number>>;
|
|
57
|
-
emblaRef:
|
|
56
|
+
emblaRef: _orderly_network_ui.EmblaViewportRefType;
|
|
58
57
|
emblaApi: TEmblaApi;
|
|
59
58
|
enableScroll: boolean;
|
|
60
59
|
};
|
|
@@ -584,6 +583,58 @@ declare const SymbolInfoBarFull: react__default.FC<SymbolInfoBarFullProps>;
|
|
|
584
583
|
type SymbolInfoBarFullWidgetPros = UseSymbolInfoBarFullScriptOptions & Pick<SymbolInfoBarFullProps, "className" | "trailing"> & Pick<MarketsProviderProps, "onSymbolChange">;
|
|
585
584
|
declare const SymbolInfoBarFullWidget: FC<SymbolInfoBarFullWidgetPros>;
|
|
586
585
|
|
|
586
|
+
type MarketType = "all" | "recent" | "newListing" | "favorites";
|
|
587
|
+
type HorizontalMarketsScriptOptions = {
|
|
588
|
+
symbols?: string[];
|
|
589
|
+
maxItems?: number;
|
|
590
|
+
defaultMarketType?: MarketType;
|
|
591
|
+
};
|
|
592
|
+
type HorizontalMarketsScriptReturn = ReturnType<typeof useHorizontalMarketsScript>;
|
|
593
|
+
declare const useHorizontalMarketsScript: (options?: HorizontalMarketsScriptOptions) => {
|
|
594
|
+
readonly symbols: any[];
|
|
595
|
+
readonly tickerData: Record<string, {
|
|
596
|
+
"24h_close": number;
|
|
597
|
+
change: number;
|
|
598
|
+
}>;
|
|
599
|
+
readonly currentSymbol: string | undefined;
|
|
600
|
+
readonly onSymbolClick: (symbol: string) => void;
|
|
601
|
+
readonly selectedMarketType: any;
|
|
602
|
+
readonly onMarketTypeChange: (marketType: MarketType) => void;
|
|
603
|
+
};
|
|
604
|
+
|
|
605
|
+
type DropdownPos = "top" | "bottom";
|
|
606
|
+
type MarketTypeFilterProps = {
|
|
607
|
+
selectedMarketType: MarketType;
|
|
608
|
+
onMarketTypeChange: (marketType: MarketType) => void;
|
|
609
|
+
className?: string;
|
|
610
|
+
position?: DropdownPos;
|
|
611
|
+
};
|
|
612
|
+
declare const MarketTypeFilter: react__default.FC<MarketTypeFilterProps>;
|
|
613
|
+
|
|
614
|
+
type HorizontalMarketsProps = HorizontalMarketsScriptReturn & {
|
|
615
|
+
className?: string;
|
|
616
|
+
dropdownPos?: DropdownPos;
|
|
617
|
+
};
|
|
618
|
+
declare const HorizontalMarkets: react__default.NamedExoticComponent<HorizontalMarketsProps>;
|
|
619
|
+
|
|
620
|
+
type HorizontalMarketsWidgetProps = MarketsProviderProps & Partial<Pick<HorizontalMarketsProps, "symbols" | "className">> & {
|
|
621
|
+
maxItems?: number;
|
|
622
|
+
defaultMarketType?: MarketType;
|
|
623
|
+
dropdownPos?: DropdownPos;
|
|
624
|
+
};
|
|
625
|
+
declare const HorizontalMarketsWidget: react__default.FC<HorizontalMarketsWidgetProps>;
|
|
626
|
+
|
|
627
|
+
interface MarketItemProps {
|
|
628
|
+
symbol: string;
|
|
629
|
+
tickerData: {
|
|
630
|
+
"24h_close": number;
|
|
631
|
+
change: number;
|
|
632
|
+
};
|
|
633
|
+
isActive: boolean;
|
|
634
|
+
onSymbolClick: (symbol: string) => void;
|
|
635
|
+
}
|
|
636
|
+
declare const MarketItem: react__default.NamedExoticComponent<MarketItemProps>;
|
|
637
|
+
|
|
587
638
|
type UseNewListingListReturn = ReturnType<typeof useNewListingListScript>;
|
|
588
639
|
declare const useNewListingListScript: () => {
|
|
589
640
|
loading: boolean;
|
|
@@ -733,4 +784,4 @@ type MarketsHomePageProps = MarketsProviderProps & {
|
|
|
733
784
|
};
|
|
734
785
|
declare const MarketsHomePage: FC<MarketsHomePageProps>;
|
|
735
786
|
|
|
736
|
-
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 };
|
|
787
|
+
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, HorizontalMarkets, type HorizontalMarketsProps, type HorizontalMarketsScriptOptions, type HorizontalMarketsScriptReturn, HorizontalMarketsWidget, type HorizontalMarketsWidgetProps, MarketItem, type MarketItemProps, type MarketType, MarketTypeFilter, type MarketTypeFilterProps, 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, useHorizontalMarketsScript, useMarketsDataListScript, useMarketsHeaderScript, useMarketsListFullScript, useMarketsListScript, useMarketsSheetScript, useNewListingListScript, useRecentListScript, useSideMarketsScript, useSymbolInfoBarFullScript, useSymbolInfoBarScript };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import react__default, { FC, ReactNode, PropsWithChildren } from 'react';
|
|
3
|
-
import * as
|
|
3
|
+
import * as _orderly_network_ui from '@orderly.network/ui';
|
|
4
|
+
import { SortOrder, Column, TableSort, DataTableClassNames } from '@orderly.network/ui';
|
|
4
5
|
import * as _orderly_network_types from '@orderly.network/types';
|
|
5
6
|
import { API } from '@orderly.network/types';
|
|
6
7
|
import * as _orderly_network_hooks from '@orderly.network/hooks';
|
|
7
8
|
import { useMarkets, FavoriteTab, Favorite } from '@orderly.network/hooks';
|
|
8
|
-
import * as _orderly_network_ui from '@orderly.network/ui';
|
|
9
|
-
import { SortOrder, Column, TableSort, DataTableClassNames } from '@orderly.network/ui';
|
|
10
9
|
import { RouterAdapter, LeftNavProps } from '@orderly.network/ui-scaffold';
|
|
11
10
|
|
|
12
11
|
type TEmblaApi = {
|
|
@@ -54,7 +53,7 @@ declare const useMarketsHeaderScript: () => {
|
|
|
54
53
|
};
|
|
55
54
|
scrollIndex: number;
|
|
56
55
|
setScrollIndex: react.Dispatch<react.SetStateAction<number>>;
|
|
57
|
-
emblaRef:
|
|
56
|
+
emblaRef: _orderly_network_ui.EmblaViewportRefType;
|
|
58
57
|
emblaApi: TEmblaApi;
|
|
59
58
|
enableScroll: boolean;
|
|
60
59
|
};
|
|
@@ -584,6 +583,58 @@ declare const SymbolInfoBarFull: react__default.FC<SymbolInfoBarFullProps>;
|
|
|
584
583
|
type SymbolInfoBarFullWidgetPros = UseSymbolInfoBarFullScriptOptions & Pick<SymbolInfoBarFullProps, "className" | "trailing"> & Pick<MarketsProviderProps, "onSymbolChange">;
|
|
585
584
|
declare const SymbolInfoBarFullWidget: FC<SymbolInfoBarFullWidgetPros>;
|
|
586
585
|
|
|
586
|
+
type MarketType = "all" | "recent" | "newListing" | "favorites";
|
|
587
|
+
type HorizontalMarketsScriptOptions = {
|
|
588
|
+
symbols?: string[];
|
|
589
|
+
maxItems?: number;
|
|
590
|
+
defaultMarketType?: MarketType;
|
|
591
|
+
};
|
|
592
|
+
type HorizontalMarketsScriptReturn = ReturnType<typeof useHorizontalMarketsScript>;
|
|
593
|
+
declare const useHorizontalMarketsScript: (options?: HorizontalMarketsScriptOptions) => {
|
|
594
|
+
readonly symbols: any[];
|
|
595
|
+
readonly tickerData: Record<string, {
|
|
596
|
+
"24h_close": number;
|
|
597
|
+
change: number;
|
|
598
|
+
}>;
|
|
599
|
+
readonly currentSymbol: string | undefined;
|
|
600
|
+
readonly onSymbolClick: (symbol: string) => void;
|
|
601
|
+
readonly selectedMarketType: any;
|
|
602
|
+
readonly onMarketTypeChange: (marketType: MarketType) => void;
|
|
603
|
+
};
|
|
604
|
+
|
|
605
|
+
type DropdownPos = "top" | "bottom";
|
|
606
|
+
type MarketTypeFilterProps = {
|
|
607
|
+
selectedMarketType: MarketType;
|
|
608
|
+
onMarketTypeChange: (marketType: MarketType) => void;
|
|
609
|
+
className?: string;
|
|
610
|
+
position?: DropdownPos;
|
|
611
|
+
};
|
|
612
|
+
declare const MarketTypeFilter: react__default.FC<MarketTypeFilterProps>;
|
|
613
|
+
|
|
614
|
+
type HorizontalMarketsProps = HorizontalMarketsScriptReturn & {
|
|
615
|
+
className?: string;
|
|
616
|
+
dropdownPos?: DropdownPos;
|
|
617
|
+
};
|
|
618
|
+
declare const HorizontalMarkets: react__default.NamedExoticComponent<HorizontalMarketsProps>;
|
|
619
|
+
|
|
620
|
+
type HorizontalMarketsWidgetProps = MarketsProviderProps & Partial<Pick<HorizontalMarketsProps, "symbols" | "className">> & {
|
|
621
|
+
maxItems?: number;
|
|
622
|
+
defaultMarketType?: MarketType;
|
|
623
|
+
dropdownPos?: DropdownPos;
|
|
624
|
+
};
|
|
625
|
+
declare const HorizontalMarketsWidget: react__default.FC<HorizontalMarketsWidgetProps>;
|
|
626
|
+
|
|
627
|
+
interface MarketItemProps {
|
|
628
|
+
symbol: string;
|
|
629
|
+
tickerData: {
|
|
630
|
+
"24h_close": number;
|
|
631
|
+
change: number;
|
|
632
|
+
};
|
|
633
|
+
isActive: boolean;
|
|
634
|
+
onSymbolClick: (symbol: string) => void;
|
|
635
|
+
}
|
|
636
|
+
declare const MarketItem: react__default.NamedExoticComponent<MarketItemProps>;
|
|
637
|
+
|
|
587
638
|
type UseNewListingListReturn = ReturnType<typeof useNewListingListScript>;
|
|
588
639
|
declare const useNewListingListScript: () => {
|
|
589
640
|
loading: boolean;
|
|
@@ -733,4 +784,4 @@ type MarketsHomePageProps = MarketsProviderProps & {
|
|
|
733
784
|
};
|
|
734
785
|
declare const MarketsHomePage: FC<MarketsHomePageProps>;
|
|
735
786
|
|
|
736
|
-
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 };
|
|
787
|
+
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, HorizontalMarkets, type HorizontalMarketsProps, type HorizontalMarketsScriptOptions, type HorizontalMarketsScriptReturn, HorizontalMarketsWidget, type HorizontalMarketsWidgetProps, MarketItem, type MarketItemProps, type MarketType, MarketTypeFilter, type MarketTypeFilterProps, 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, useHorizontalMarketsScript, useMarketsDataListScript, useMarketsHeaderScript, useMarketsListFullScript, useMarketsListScript, useMarketsSheetScript, useNewListingListScript, useRecentListScript, useSideMarketsScript, useSymbolInfoBarFullScript, useSymbolInfoBarScript };
|