@orderly.network/markets 2.1.2-alpha.0 → 2.1.3-alpha.0

package/dist/index.d.mts

@@ -4,10 +4,10 @@ import * as embla_carousel_react from 'embla-carousel-react';
 import * as _orderly_network_types from '@orderly.network/types';
 import { API } from '@orderly.network/types';
 import * as _orderly_network_hooks from '@orderly.network/hooks';
-import { useMarkets, FavoriteTab } from '@orderly.network/hooks';
+import { useMarkets, FavoriteTab, Favorite } from '@orderly.network/hooks';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _orderly_network_ui from '@orderly.network/ui';
-import { SortOrder, Column, DataTableClassNames } from '@orderly.network/ui';
+import { SortOrder, Column, TableSort, DataTableClassNames } from '@orderly.network/ui';
 
 type TEmblaApi = {
     scrollPrev: (jump?: boolean) => void;
@@ -89,27 +89,31 @@ declare const MarketsHeaderWidget: () => react_jsx_runtime.JSX.Element;
 
 declare const MarketsDataListWidget: () => react_jsx_runtime.JSX.Element;
 
-type TabName$1 = "favorites" | "all" | "new";
+type FavoriteInstance = ReturnType<typeof useMarkets>[1];
+type SortType = {
+    sortKey: string;
+    sortOrder: SortOrder;
+};
+type GetColumns = (favorite: FavoriteInstance, isFavoriteList: boolean) => Column[];
+declare enum TabName {
+    Favorites = "favorites",
+    Recent = "recent",
+    All = "all",
+    NewListing = "newListing"
+}
+
 type UseMarketsDataListScript = ReturnType<typeof useMarketsDataListScript>;
 declare function useMarketsDataListScript(): {
-    activeTab: TabName$1;
+    activeTab: TabName;
     onTabChange: (value: string) => void;
 };
 
 type MarketsDataListProps = UseMarketsDataListScript;
 declare const MarketsDataList: React.FC<MarketsDataListProps>;
 
-type FavoriteInstance = ReturnType<typeof useMarkets>[1];
-type TInitialSort = {
-    sortKey: string;
-    sort: SortOrder;
-};
-type GetColumns = (favorite: FavoriteInstance, isFavoriteList: boolean) => Column[];
-
 type MarketsListFullWidgetProps = {
     type?: "all" | "new";
-    sortKey: string;
-    sortOrder: SortOrder;
+    initialSort?: SortType;
 };
 declare const MarketsListFullWidget: React.FC<MarketsListFullWidgetProps>;
 
@@ -148,17 +152,17 @@ declare const useMarketsListFullScript: (options: UseMarketsListFullScriptOption
         updateSelectedFavoriteTab: (tab: _orderly_network_hooks.FavoriteTab) => void;
         updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
     };
-    onSort: (options?: TInitialSort) => void;
+    onSort: (options?: TableSort) => void;
     pagination: {
         page: number;
         pageSize: number;
         onPageChange: react.Dispatch<react.SetStateAction<number>>;
         onPageSizeChange: (size: number) => void;
     };
+    initialSort: TableSort;
 };
 
 type MarketsListFullProps = UseMarketsListFullReturn & {
-    initialSort: TInitialSort;
     type?: "all" | "new";
 };
 declare const MarketsListFull: FC<MarketsListFullProps>;
@@ -197,7 +201,7 @@ declare const useFavoritesListFullScript: () => {
         updateSelectedFavoriteTab: (tab: _orderly_network_hooks.FavoriteTab) => void;
         updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
     };
-    onSort: (options?: TInitialSort) => void;
+    onSort: (options?: _orderly_network_ui.TableSort) => void;
     pagination: {
         page: number;
         pageSize: number;
@@ -301,23 +305,19 @@ type FavoritesTabWidgetProps = UseFavoritesTabScriptOptions & {
 };
 declare const FavoritesTabWidget: React.FC<FavoritesTabWidgetProps>;
 
-type TabName = "favorites" | "recent" | "all";
-type UseExpandMarketsScriptOptions = {
+type ExpandMarketsScriptOptions = {
     activeTab?: TabName;
     onTabChange?: (tab: TabName) => void;
 };
-type UseExpandMarketsScriptReturn = ReturnType<typeof useExpandMarketsScript>;
-declare function useExpandMarketsScript(options?: UseExpandMarketsScriptOptions): {
+type ExpandMarketsScriptReturn = ReturnType<typeof useExpandMarketsScript>;
+declare function useExpandMarketsScript(options: ExpandMarketsScriptOptions): {
     activeTab: TabName;
     onTabChange: (value: string) => void;
-    tabSort: {
-        sortKey: string;
-        sortOrder: SortOrder;
-    };
-    onTabSort: (sortKey?: string, sortOrder?: string) => void;
+    tabSort: Record<TabName, SortType>;
+    onTabSort: (type: TabName) => (sort?: SortType) => void;
 };
 
-type ExpandMarketsProps = UseExpandMarketsScriptReturn;
+type ExpandMarketsProps = ExpandMarketsScriptReturn;
 declare const ExpandMarkets: React.FC<ExpandMarketsProps>;
 
 type MarketsProviderProps = {
@@ -326,120 +326,28 @@ type MarketsProviderProps = {
 };
 declare const MarketsProvider: FC<PropsWithChildren<MarketsProviderProps>>;
 
-type ExpandMarketsWidgetProps = MarketsProviderProps & UseExpandMarketsScriptOptions;
+type ExpandMarketsWidgetProps = MarketsProviderProps & ExpandMarketsScriptOptions;
 declare const ExpandMarketsWidget: React.FC<ExpandMarketsWidgetProps>;
 
-type UseFavoritesListReturn = ReturnType<typeof useFavoritesListScript>;
-declare const useFavoritesListScript: () => {
-    loading: boolean;
-    dataSource: any[];
-    favorite: {
-        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
-        favorites: {
-            tabs: _orderly_network_hooks.FavoriteTab[];
-            name: string;
-        }[];
-        recent: _orderly_network_hooks.Recent[];
-        newListing: _orderly_network_hooks.NewListing[];
-        tabSort: {
-            [x: string]: {
-                sortKey: string;
-                sortOrder: string;
-            };
-        };
-        selectedFavoriteTab: _orderly_network_hooks.FavoriteTab;
-        updateFavorites: react.Dispatch<react.SetStateAction<{
-            tabs: _orderly_network_hooks.FavoriteTab[];
-            name: string;
-        }[]>>;
-        updateFavoriteTabs: (tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], operator?: {
-            add?: boolean;
-            update?: boolean;
-            delete?: boolean;
-        }) => void;
-        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean) => void;
-        pinToTop: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
-        addToHistory: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
-        updateSelectedFavoriteTab: (tab: _orderly_network_hooks.FavoriteTab) => void;
-        updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
-    };
-    onSort: (options?: TInitialSort) => void;
-};
-
-type FavoritesListWidgetProps = {
-    getColumns?: GetColumns;
-    collapsed?: boolean;
-    tableClassNames?: DataTableClassNames;
-    rowClassName?: string;
-};
-declare const FavoritesListWidget: React.FC<FavoritesListWidgetProps>;
-
-type FavoritesListProps = UseFavoritesListReturn & FavoritesListWidgetProps;
-declare const FavoritesList: FC<FavoritesListProps>;
-
-type UseRecentListReturn = ReturnType<typeof useRecentListScript>;
-declare const useRecentListScript: () => {
-    loading: boolean;
-    dataSource: any[];
-    favorite: {
-        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
-        favorites: {
-            tabs: _orderly_network_hooks.FavoriteTab[];
-            name: string;
-        }[];
-        recent: _orderly_network_hooks.Recent[];
-        newListing: _orderly_network_hooks.NewListing[];
-        tabSort: {
-            [x: string]: {
-                sortKey: string;
-                sortOrder: string;
-            };
-        };
-        selectedFavoriteTab: _orderly_network_hooks.FavoriteTab;
-        updateFavorites: react.Dispatch<react.SetStateAction<{
-            tabs: _orderly_network_hooks.FavoriteTab[];
-            name: string;
-        }[]>>;
-        updateFavoriteTabs: (tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], operator?: {
-            add?: boolean;
-            update?: boolean;
-            delete?: boolean;
-        }) => void;
-        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean) => void;
-        pinToTop: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
-        addToHistory: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
-        updateSelectedFavoriteTab: (tab: _orderly_network_hooks.FavoriteTab) => void;
-        updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
-    };
-    onSort: (options?: TInitialSort) => void;
-};
-
-type RecentListWidgetProps = {
-    getColumns?: GetColumns;
-    collapsed?: boolean;
-    tableClassNames?: DataTableClassNames;
-    rowClassName?: string;
-};
-declare const RecentListWidget: React.FC<RecentListWidgetProps>;
-
-type RecentListProps = UseRecentListReturn & RecentListWidgetProps;
-declare const RecentList: FC<RecentListProps>;
-
 type MarketsListWidgetProps = {
-    type?: "all" | "new";
-    sortKey: string;
-    sortOrder: SortOrder;
+    type: TabName;
     getColumns?: GetColumns;
     collapsed?: boolean;
     tableClassNames?: DataTableClassNames;
     rowClassName?: string;
-    onSort?: (sortKey?: string, sortOrder?: SortOrder) => void;
+    initialSort?: SortType;
+    onSort?: (sort?: SortType) => void;
+    renderHeader?: (favorite: FavoriteInstance) => ReactNode;
+    dataFilter?: (data: any[], options: {
+        favorites: Favorite[];
+        selectedFavoriteTab: FavoriteTab;
+    }) => any[];
 };
 declare const MarketsListWidget: React.FC<MarketsListWidgetProps>;
 
-type UseMarketsListScriptOptions = MarketsListWidgetProps;
-type UseMarketsListReturn = ReturnType<typeof useMarketsListScript>;
-declare const useMarketsListScript: (options: UseMarketsListScriptOptions) => {
+type MarketsListScriptOptions = MarketsListWidgetProps;
+type MarketsListScriiptReturn = ReturnType<typeof useMarketsListScript>;
+declare const useMarketsListScript: (options: MarketsListScriptOptions) => {
     loading: boolean;
     dataSource: any[];
     favorite: {
@@ -472,70 +380,18 @@ declare const useMarketsListScript: (options: UseMarketsListScriptOptions) => {
         updateSelectedFavoriteTab: (tab: _orderly_network_hooks.FavoriteTab) => void;
         updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
     };
-    onSort: (options?: TInitialSort) => void;
+    onSort: (options?: _orderly_network_ui.TableSort) => void;
+    isFavoritesList: boolean;
 };
 
-type MarketsListProps = UseMarketsListReturn & {
-    initialSort: TInitialSort;
-    getColumns?: GetColumns;
-    collapsed?: boolean;
-    tableClassNames?: DataTableClassNames;
-    rowClassName?: string;
-};
+type MarketsListProps = MarketsListScriiptReturn & Pick<MarketsListWidgetProps, "getColumns" | "collapsed" | "tableClassNames" | "rowClassName" | "initialSort" | "renderHeader">;
 declare const MarketsList: FC<MarketsListProps>;
 
-type UseNewListingListReturn = ReturnType<typeof useNewListingListScript>;
-declare const useNewListingListScript: () => {
-    loading: boolean;
-    dataSource: any[];
-    favorite: {
-        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
-        favorites: {
-            tabs: _orderly_network_hooks.FavoriteTab[];
-            name: string;
-        }[];
-        recent: _orderly_network_hooks.Recent[];
-        newListing: _orderly_network_hooks.NewListing[];
-        tabSort: {
-            [x: string]: {
-                sortKey: string;
-                sortOrder: string;
-            };
-        };
-        selectedFavoriteTab: _orderly_network_hooks.FavoriteTab;
-        updateFavorites: react.Dispatch<react.SetStateAction<{
-            tabs: _orderly_network_hooks.FavoriteTab[];
-            name: string;
-        }[]>>;
-        updateFavoriteTabs: (tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], operator?: {
-            add?: boolean;
-            update?: boolean;
-            delete?: boolean;
-        }) => void;
-        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean) => void;
-        pinToTop: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
-        addToHistory: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
-        updateSelectedFavoriteTab: (tab: _orderly_network_hooks.FavoriteTab) => void;
-        updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
-    };
-    onSort: (options?: TInitialSort) => void;
-};
-
-type NewListingListWidgetProps = {
-    getColumns?: GetColumns;
-    collapsed?: boolean;
-    tableClassNames?: DataTableClassNames;
-    rowClassName?: string;
-};
-declare const NewListingListWidget: React.FC<NewListingListWidgetProps>;
-
-type NewListingListProps = UseNewListingListReturn & NewListingListWidgetProps;
-declare const NewListingList: FC<NewListingListProps>;
-
 type ProcessedFundingData = {
     symbol: string;
     estFunding: number;
     lastFunding: number;
+    fundingInterval: number;
     funding1d: number | string;
     funding3d: number | string;
     funding7d: number | string;
@@ -567,7 +423,7 @@ declare const useFundingOverviewScript: () => {
         onPageChange: react.Dispatch<react.SetStateAction<number>>;
         onPageSizeChange: (size: number) => void;
     };
-    onSort: (options?: TInitialSort) => void;
+    onSort: (options?: _orderly_network_ui.TableSort) => void;
 };
 
 type FundingOverviewProps = UseFundingOverviewReturn;
@@ -594,7 +450,7 @@ declare const useFundingComparisonScript: () => {
         onPageChange: react.Dispatch<react.SetStateAction<number>>;
         onPageSizeChange: (size: number) => void;
     };
-    onSort: (options?: TInitialSort) => void;
+    onSort: (options?: _orderly_network_ui.TableSort) => void;
 };
 
 declare const FundingComparisonWidget: FC;
@@ -604,21 +460,22 @@ type CollapseMarketsProps = {
 };
 declare const CollapseMarkets: React.FC<CollapseMarketsProps>;
 
-type UseSideMarketsScriptOptions = {
+type SideMarketsScriptOptions = {
     collapsable?: boolean;
     collapsed?: boolean;
     onCollapse?: (collapsed: boolean) => void;
 };
-type UseSideMarketsScriptReturn = ReturnType<typeof useSideMarketsScript>;
-declare function useSideMarketsScript(options?: UseSideMarketsScriptOptions): {
+type SideMarketsScriptReturn = ReturnType<typeof useSideMarketsScript>;
+declare function useSideMarketsScript(options?: SideMarketsScriptOptions): {
     collapsable: boolean;
     collapsed: boolean | undefined;
     onCollapse: (collapsed: boolean) => void;
-    activeTab: any;
-    onTabChange: (value: string) => void;
+    activeTab: TabName;
+    onTabChange: (value: TabName) => void;
+    tabSort: Record<TabName, SortType>;
 };
 
-type SideMarketsProps = UseSideMarketsScriptReturn & {
+type SideMarketsProps = SideMarketsScriptReturn & {
     className?: string;
 };
 declare const SideMarkets: React.FC<SideMarketsProps>;
@@ -626,22 +483,18 @@ declare const SideMarkets: React.FC<SideMarketsProps>;
 type SideMarketsWidgetProps = MarketsProviderProps & Partial<Pick<SideMarketsProps, "collapsable" | "collapsed" | "onCollapse" | "className">>;
 declare const SideMarketsWidget: react__default.FC<SideMarketsWidgetProps>;
 
-type UseDropDownMarketsScriptOptions = {};
-type UseDropDownMarketsScriptReturn = ReturnType<typeof useDropDownMarketsScript>;
-declare function useDropDownMarketsScript(options?: UseDropDownMarketsScriptOptions): {
-    activeTab: any;
+type DropDownMarketsScriptReturn = ReturnType<typeof useDropDownMarketsScript>;
+declare function useDropDownMarketsScript(): {
+    activeTab: TabName;
     onTabChange: (value: string) => void;
     open: boolean;
     onOpenChange: react.Dispatch<react.SetStateAction<boolean>>;
     hide: () => void;
-    tabSort: {
-        sortKey: string;
-        sortOrder: _orderly_network_ui.SortOrder;
-    };
-    onTabSort: (sortKey?: string, sortOrder?: string) => void;
+    tabSort: Record<TabName, SortType>;
+    onTabSort: (type: TabName) => (sort?: SortType) => void;
 };
 
-type DropDownMarketsProps = UseDropDownMarketsScriptReturn & {
+type DropDownMarketsProps = DropDownMarketsScriptReturn & {
     contentClassName?: string;
 };
 declare const DropDownMarkets: React.FC<PropsWithChildren<DropDownMarketsProps>>;
@@ -652,17 +505,13 @@ declare const useDropDownMarketsColumns: () => (favorite: FavoriteInstance, isFa
 type DropDownMarketsWidgetProps = MarketsProviderProps & Pick<DropDownMarketsProps, "contentClassName">;
 declare const DropDownMarketsWidget: react__default.FC<PropsWithChildren<DropDownMarketsWidgetProps>>;
 
-type UseMarketsSheetScriptOptions = {};
-type UseMarketsSheetScriptReturn = ReturnType<typeof useMarketsSheetScript>;
-declare function useMarketsSheetScript(options?: UseMarketsSheetScriptOptions): {
-    tabSort: {
-        sortKey: string;
-        sortOrder: _orderly_network_ui.SortOrder;
-    };
-    onTabSort: (sortKey?: string, sortOrder?: string) => void;
+type MarketsSheetScriptReturn = ReturnType<typeof useMarketsSheetScript>;
+declare function useMarketsSheetScript(): {
+    tabSort: Record<TabName, SortType>;
+    onTabSort: (type: TabName) => (sort?: SortType) => void;
 };
 
-type MarketsSheetProps = UseMarketsSheetScriptReturn & {
+type MarketsSheetProps = MarketsSheetScriptReturn & {
     className?: string;
 };
 declare const MarketsSheet: React.FC<MarketsSheetProps>;
@@ -763,6 +612,150 @@ declare const SymbolInfoBarFull: React.FC<SymbolInfoBarFullProps>;
 type SymbolInfoBarFullWidgetPros = UseSymbolInfoBarFullScriptOptions & Pick<SymbolInfoBarFullProps, "className" | "trailing"> & Pick<MarketsProviderProps, "onSymbolChange">;
 declare const SymbolInfoBarFullWidget: FC<SymbolInfoBarFullWidgetPros>;
 
+type UseNewListingListReturn = ReturnType<typeof useNewListingListScript>;
+declare const useNewListingListScript: () => {
+    loading: boolean;
+    dataSource: any[];
+    favorite: {
+        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
+        favorites: {
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[];
+        recent: _orderly_network_hooks.Recent[];
+        newListing: _orderly_network_hooks.NewListing[];
+        tabSort: {
+            [x: string]: {
+                sortKey: string;
+                sortOrder: string;
+            };
+        };
+        selectedFavoriteTab: _orderly_network_hooks.FavoriteTab;
+        updateFavorites: react.Dispatch<react.SetStateAction<{
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[]>>;
+        updateFavoriteTabs: (tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], operator?: {
+            add?: boolean;
+            update?: boolean;
+            delete?: boolean;
+        }) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean) => void;
+        pinToTop: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
+        addToHistory: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
+        updateSelectedFavoriteTab: (tab: _orderly_network_hooks.FavoriteTab) => void;
+        updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
+    };
+    onSort: (options?: _orderly_network_ui.TableSort) => void;
+};
+
+type NewListingListWidgetProps = {
+    getColumns?: GetColumns;
+    collapsed?: boolean;
+    tableClassNames?: DataTableClassNames;
+    rowClassName?: string;
+};
+declare const NewListingListWidget: React.FC<NewListingListWidgetProps>;
+
+type NewListingListProps = UseNewListingListReturn & NewListingListWidgetProps;
+declare const NewListingList: FC<NewListingListProps>;
+
+type UseFavoritesListReturn = ReturnType<typeof useFavoritesListScript>;
+declare const useFavoritesListScript: () => {
+    loading: boolean;
+    dataSource: any[];
+    favorite: {
+        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
+        favorites: {
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[];
+        recent: _orderly_network_hooks.Recent[];
+        newListing: _orderly_network_hooks.NewListing[];
+        tabSort: {
+            [x: string]: {
+                sortKey: string;
+                sortOrder: string;
+            };
+        };
+        selectedFavoriteTab: _orderly_network_hooks.FavoriteTab;
+        updateFavorites: react.Dispatch<react.SetStateAction<{
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[]>>;
+        updateFavoriteTabs: (tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], operator?: {
+            add?: boolean;
+            update?: boolean;
+            delete?: boolean;
+        }) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean) => void;
+        pinToTop: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
+        addToHistory: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
+        updateSelectedFavoriteTab: (tab: _orderly_network_hooks.FavoriteTab) => void;
+        updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
+    };
+    onSort: (options?: _orderly_network_ui.TableSort) => void;
+};
+
+type FavoritesListWidgetProps = {
+    getColumns?: GetColumns;
+    collapsed?: boolean;
+    tableClassNames?: DataTableClassNames;
+    rowClassName?: string;
+};
+declare const FavoritesListWidget: React.FC<FavoritesListWidgetProps>;
+
+type FavoritesListProps = UseFavoritesListReturn & FavoritesListWidgetProps;
+declare const FavoritesList: FC<FavoritesListProps>;
+
+type UseRecentListReturn = ReturnType<typeof useRecentListScript>;
+declare const useRecentListScript: () => {
+    loading: boolean;
+    dataSource: any[];
+    favorite: {
+        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
+        favorites: {
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[];
+        recent: _orderly_network_hooks.Recent[];
+        newListing: _orderly_network_hooks.NewListing[];
+        tabSort: {
+            [x: string]: {
+                sortKey: string;
+                sortOrder: string;
+            };
+        };
+        selectedFavoriteTab: _orderly_network_hooks.FavoriteTab;
+        updateFavorites: react.Dispatch<react.SetStateAction<{
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[]>>;
+        updateFavoriteTabs: (tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], operator?: {
+            add?: boolean;
+            update?: boolean;
+            delete?: boolean;
+        }) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean) => void;
+        pinToTop: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
+        addToHistory: (symbol: _orderly_network_types.API.MarketInfoExt) => void;
+        updateSelectedFavoriteTab: (tab: _orderly_network_hooks.FavoriteTab) => void;
+        updateTabsSortState: (tabId: string, sortKey: string, sortOrder: "desc" | "asc") => void;
+    };
+    onSort: (options?: _orderly_network_ui.TableSort) => void;
+};
+
+type RecentListWidgetProps = {
+    getColumns?: GetColumns;
+    collapsed?: boolean;
+    tableClassNames?: DataTableClassNames;
+    rowClassName?: string;
+};
+declare const RecentListWidget: React.FC<RecentListWidgetProps>;
+
+type RecentListProps = UseRecentListReturn & RecentListWidgetProps;
+declare const RecentList: FC<RecentListProps>;
+
 type MarketsHomePageProps = MarketsProviderProps & {
     className?: string;
 };