@orderly.network/markets 2.0.0 → 2.0.1-alpha.0

package/dist/index.d.mts

@@ -1,9 +1,12 @@
 import * as react from 'react';
-import { FC, PropsWithChildren } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FavoriteTab, useMarkets } from '@orderly.network/hooks';
-import { SortOrder } from '@orderly.network/ui';
+import react__default, { FC, PropsWithChildren, ReactNode } from '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 * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _orderly_network_ui from '@orderly.network/ui';
+import { SortOrder, TableColumn, PaginationMeta, TableViewClassNames } from '@orderly.network/ui';
 
 type TEmblaApi = {
     scrollPrev: (jump?: boolean) => void;
@@ -11,13 +14,65 @@ type TEmblaApi = {
 };
 type HeaderReturns = ReturnType<typeof useMarketsHeaderScript>;
 declare const useMarketsHeaderScript: () => {
-    markets: any[];
+    markets: {
+        symbol: string;
+        index_price: number;
+        mark_price: number;
+        sum_unitary_funding: number;
+        est_funding_rate: number;
+        last_funding_rate: number;
+        next_funding_time: number;
+        open_interest: number;
+        "24h_open": number;
+        "24h_close": number;
+        "24h_high": number;
+        "24h_low": number;
+        "24h_volume": number;
+        "24h_amount": number;
+        "24h_volumn": number;
+        change: number;
+        "8h_funding": number;
+        quote_dp: number;
+        created_time: number;
+        openInterest: number;
+        isFavorite: boolean;
+        leverage?: number | undefined;
+    }[];
     news: any[];
     gainers: any[];
     losers: any[];
     total24Amount: number;
     totalOpenInterest: number;
     tvl: number | undefined;
+    favorite: {
+        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
+        favorites: {
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[];
+        recent: _orderly_network_hooks.Recent[];
+        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 | undefined;
+            update?: boolean | undefined;
+            delete?: boolean | undefined;
+        } | undefined) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean | undefined) => 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: "asc" | "desc") => void;
+    };
     scrollIndex: number;
     setScrollIndex: react.Dispatch<react.SetStateAction<number>>;
     emblaRef: <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;
@@ -30,26 +85,35 @@ declare const MarketsHeader: FC<HeaderReturns>;
 
 declare const MarketsHeaderWidget: () => react_jsx_runtime.JSX.Element;
 
-type MarketsFavorite = ReturnType<typeof useMarkets>[1];
-type TFavorite = MarketsFavorite & {
-    curTab: FavoriteTab;
-    setCurTab: (tab: FavoriteTab) => void;
+declare const MarketsDataListWidget: () => react_jsx_runtime.JSX.Element;
+
+type TabName$1 = "favorites" | "all" | "new";
+type UseMarketsDataListScript = ReturnType<typeof useMarketsDataListScript>;
+declare function useMarketsDataListScript(): {
+    activeTab: TabName$1;
+    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) => TableColumn[];
 
-type MarketListWidgetProps = {
+type MarketsListFullWidgetProps = {
     type?: "all" | "new";
     sortKey: string;
     sortOrder: SortOrder;
 };
-declare const MarketListWidget: React.FC<MarketListWidgetProps>;
+declare const MarketsListFullWidget: React.FC<MarketsListFullWidgetProps>;
 
-type UseMarketListScriptOptions = MarketListWidgetProps;
-type UseMarketListReturn = ReturnType<typeof useMarketListScript>;
-declare const useMarketListScript: (options: UseMarketListScriptOptions) => {
+type UseMarketsListFullScriptOptions = MarketsListFullWidgetProps;
+type UseMarketsListFullReturn = ReturnType<typeof useMarketsListFullScript>;
+declare const useMarketsListFullScript: (options: UseMarketsListFullScriptOptions) => {
     loading: boolean;
     dataSource: any[];
     meta: {
@@ -59,19 +123,48 @@ declare const useMarketListScript: (options: UseMarketListScriptOptions) => {
         pageTotal: number;
     };
     setPage: react.Dispatch<react.SetStateAction<number>>;
-    setPageSize: (pageSize: number) => void;
-    favorite: TFavorite;
+    setPageSize: (size: number) => void;
+    favorite: {
+        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
+        favorites: {
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[];
+        recent: _orderly_network_hooks.Recent[];
+        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 | undefined;
+            update?: boolean | undefined;
+            delete?: boolean | undefined;
+        } | undefined) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean | undefined) => 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: "asc" | "desc") => void;
+    };
     onSort: (options?: TInitialSort | undefined) => void;
+    pagination: PaginationMeta;
 };
 
-type MarketListProps = UseMarketListReturn & {
+type MarketsListFullProps = UseMarketsListFullReturn & {
     initialSort: TInitialSort;
     type?: "all" | "new";
 };
-declare const MarketList: FC<MarketListProps>;
+declare const MarketsListFull: FC<MarketsListFullProps>;
 
-type UseFavoritesReturn = ReturnType<typeof useFavoritesScript>;
-declare const useFavoritesScript: () => {
+type UseFavoritesListFullReturn = ReturnType<typeof useFavoritesListFullScript>;
+declare const useFavoritesListFullScript: () => {
     loading: boolean;
     dataSource: any[];
     meta: {
@@ -81,36 +174,478 @@ declare const useFavoritesScript: () => {
         pageTotal: number;
     };
     setPage: react.Dispatch<react.SetStateAction<number>>;
-    setPageSize: (pageSize: number) => void;
-    favorite: TFavorite;
+    setPageSize: (size: number) => void;
+    favorite: {
+        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
+        favorites: {
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[];
+        recent: _orderly_network_hooks.Recent[];
+        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 | undefined;
+            update?: boolean | undefined;
+            delete?: boolean | undefined;
+        } | undefined) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean | undefined) => 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: "asc" | "desc") => void;
+    };
     onSort: (options?: TInitialSort | undefined) => void;
+    pagination: PaginationMeta;
 };
 
-type FavoritesProps = {} & UseFavoritesReturn;
-declare const Favorites: FC<FavoritesProps>;
+type FavoritesListFullProps = UseFavoritesListFullReturn;
+declare const FavoritesListFull: FC<FavoritesListFullProps>;
 
-declare const FavoritesWidget: React.FC;
+declare const FavoritesListFullWidget: React.FC;
 
-declare const MarketsDataListWidget: () => react_jsx_runtime.JSX.Element;
+type UseFavoritesDropdownMenuScriptOptions = {
+    row: any;
+    favorite: FavoriteInstance;
+};
+type UseFavoritesDropdownMenuScriptReturn = ReturnType<typeof useFavoritesDropdownMenuScript>;
+declare function useFavoritesDropdownMenuScript(options: UseFavoritesDropdownMenuScriptOptions): {
+    symbol: any;
+    favoriteTabs: FavoriteTab[];
+    open: boolean;
+    onOpenChange: react.Dispatch<react.SetStateAction<boolean>>;
+    inputVisible: boolean;
+    selectedTabs: FavoriteTab[];
+    value: string;
+    onValueChange: react.Dispatch<react.SetStateAction<string>>;
+    hide: () => void;
+    hideInput: () => void;
+    showInput: () => void;
+    onCheck: (item: FavoriteTab, checked: boolean) => void;
+    addTab: () => void;
+    confirm: () => void;
+};
 
-type MarketsDataListProps = UseMarketsDataListScript;
-declare const MarketsDataList: React.FC<MarketsDataListProps>;
+type FavoritesDropdownMenuProps = PropsWithChildren<UseFavoritesDropdownMenuScriptReturn>;
+declare const FavoritesDropdownMenu: React.FC<FavoritesDropdownMenuProps>;
 
-type TabName = "favorites" | "all" | "new";
-type UseMarketsDataListScript = ReturnType<typeof useMarketsDataListScript>;
-declare function useMarketsDataListScript(): {
+type FavoritesDropdownMenuWidgetProps = PropsWithChildren<UseFavoritesDropdownMenuScriptOptions>;
+declare const FavoritesDropdownMenuWidget: React.FC<FavoritesDropdownMenuWidgetProps>;
+
+type UseFavoritesTabScriptOptions = {
+    favorite: FavoriteInstance;
+    size?: "sm" | "default";
+};
+type UseFavoritesTabScriptReturn = ReturnType<typeof useFavoritesTabScript>;
+declare function useFavoritesTabScript(options: UseFavoritesTabScriptOptions): {
+    favorite: {
+        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
+        favorites: {
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[];
+        recent: _orderly_network_hooks.Recent[];
+        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 | undefined;
+            update?: boolean | undefined;
+            delete?: boolean | undefined;
+        } | undefined) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean | undefined) => 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: "asc" | "desc") => void;
+    };
+    open: boolean;
+    setOpen: react.Dispatch<react.SetStateAction<boolean>>;
+    container: react.RefObject<HTMLInputElement>;
+    inputRef: react.RefObject<HTMLInputElement>;
+    inputWidth: number;
+    spanRef: react.RefObject<HTMLSpanElement>;
+    editing: boolean;
+    value: string;
+    onValueChange: react.Dispatch<react.SetStateAction<string>>;
+    onEdit: (item: any) => void;
+    updateCurTab: (overLen: boolean) => void;
+    addTab: () => void;
+    delTab: (selectedTab: any) => void;
+    scrollable: boolean;
+};
+
+type FavoritesTabProps = UseFavoritesTabScriptReturn & Pick<UseFavoritesTabScriptOptions, "size"> & {
+    className?: string;
+};
+declare const FavoritesTab: React.FC<FavoritesTabProps>;
+
+type FavoritesTabWidgetProps = UseFavoritesTabScriptOptions & {
+    className?: string;
+};
+declare const FavoritesTabWidget: React.FC<FavoritesTabWidgetProps>;
+
+type TabName = "favorites" | "recent" | "all";
+type UseExpandMarketsScriptOptions = {
+    activeTab?: TabName;
+    onTabChange?: (tab: TabName) => void;
+};
+type UseExpandMarketsScriptReturn = ReturnType<typeof useExpandMarketsScript>;
+declare function useExpandMarketsScript(options?: UseExpandMarketsScriptOptions): {
     activeTab: TabName;
     onTabChange: (value: string) => void;
+    tabSort: {
+        sortKey: string;
+        sortOrder: SortOrder;
+    };
+    onTabSort: (sortKey?: string, sortOrder?: string) => void;
 };
 
+type ExpandMarketsProps = UseExpandMarketsScriptReturn;
+declare const ExpandMarkets: React.FC<ExpandMarketsProps>;
+
 type MarketsProviderProps = {
+    symbol?: string;
     onSymbolChange?: (symbol: API.Symbol) => void;
 };
 declare const MarketsProvider: FC<PropsWithChildren<MarketsProviderProps>>;
 
+type ExpandMarketsWidgetProps = MarketsProviderProps & UseExpandMarketsScriptOptions;
+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[];
+        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 | undefined;
+            update?: boolean | undefined;
+            delete?: boolean | undefined;
+        } | undefined) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean | undefined) => 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: "asc" | "desc") => void;
+    };
+    onSort: (options?: TInitialSort | undefined) => void;
+};
+
+type FavoritesListWidgetProps = {
+    getColumns?: GetColumns;
+    collapsed?: boolean;
+    tableClassNames?: TableViewClassNames;
+    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[];
+        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 | undefined;
+            update?: boolean | undefined;
+            delete?: boolean | undefined;
+        } | undefined) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean | undefined) => 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: "asc" | "desc") => void;
+    };
+    onSort: (options?: TInitialSort | undefined) => void;
+};
+
+type RecentListWidgetProps = {
+    getColumns?: GetColumns;
+    collapsed?: boolean;
+    tableClassNames?: TableViewClassNames;
+    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;
+    getColumns?: GetColumns;
+    collapsed?: boolean;
+    tableClassNames?: TableViewClassNames;
+    rowClassName?: string;
+    onSort?: (sortKey?: string, sortOrder?: SortOrder) => void;
+};
+declare const MarketsListWidget: React.FC<MarketsListWidgetProps>;
+
+type UseMarketsListScriptOptions = MarketsListWidgetProps;
+type UseMarketsListReturn = ReturnType<typeof useMarketsListScript>;
+declare const useMarketsListScript: (options: UseMarketsListScriptOptions) => {
+    loading: boolean;
+    dataSource: any[];
+    favorite: {
+        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
+        favorites: {
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[];
+        recent: _orderly_network_hooks.Recent[];
+        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 | undefined;
+            update?: boolean | undefined;
+            delete?: boolean | undefined;
+        } | undefined) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean | undefined) => 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: "asc" | "desc") => void;
+    };
+    onSort: (options?: TInitialSort | undefined) => void;
+};
+
+type MarketsListProps = UseMarketsListReturn & {
+    initialSort: TInitialSort;
+    getColumns?: GetColumns;
+    collapsed?: boolean;
+    tableClassNames?: TableViewClassNames;
+    rowClassName?: string;
+};
+declare const MarketsList: FC<MarketsListProps>;
+
+type CollapseMarketsProps = {
+    dataSource: any[];
+};
+declare const CollapseMarkets: React.FC<CollapseMarketsProps>;
+
+type UseSideMarketsScriptOptions = {
+    collapsed?: boolean;
+    onCollapse?: (collapsed: boolean) => void;
+};
+type UseSideMarketsScriptReturn = ReturnType<typeof useSideMarketsScript>;
+declare function useSideMarketsScript(options?: UseSideMarketsScriptOptions): {
+    collapsed: boolean | undefined;
+    onCollapse: (collapsed: boolean) => void;
+    activeTab: any;
+    onTabChange: (value: string) => void;
+};
+
+type SideMarketsProps = UseSideMarketsScriptReturn & {
+    className?: string;
+};
+declare const SideMarkets: React.FC<SideMarketsProps>;
+
+type SideMarketsWidgetProps = MarketsProviderProps & Partial<Pick<SideMarketsProps, "collapsed" | "onCollapse" | "className">>;
+declare const SideMarketsWidget: react__default.FC<SideMarketsWidgetProps>;
+
+type UseDropDownMarketsScriptOptions = {};
+type UseDropDownMarketsScriptReturn = ReturnType<typeof useDropDownMarketsScript>;
+declare function useDropDownMarketsScript(options?: UseDropDownMarketsScriptOptions): {
+    activeTab: any;
+    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;
+};
+
+type DropDownMarketsProps = UseDropDownMarketsScriptReturn & {
+    contentClassName?: string;
+};
+declare const DropDownMarkets: React.FC<PropsWithChildren<DropDownMarketsProps>>;
+declare const DropDownMarketsConetnt: React.FC<DropDownMarketsProps>;
+
+declare const getDropDownMarketsColumns: (favorite: FavoriteInstance, isFavoriteList?: boolean) => TableColumn[];
+
+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 MarketsSheetProps = UseMarketsSheetScriptReturn & {
+    className?: string;
+};
+declare const MarketsSheet: React.FC<MarketsSheetProps>;
+
+type MarketsSheetWidgetProps = MarketsProviderProps & Partial<Pick<MarketsSheetProps, "className">>;
+declare const MarketsSheetWidget: react__default.FC<MarketsSheetWidgetProps>;
+
+type UseTokenInfoBarScriptOptions = {
+    symbol: string;
+};
+type UseTokenInfoBarScriptReturn = ReturnType<typeof useTokenInfoBarScript>;
+declare function useTokenInfoBarScript(options: UseTokenInfoBarScriptOptions): {
+    symbol: string;
+    data: _orderly_network_types.API.MarketInfo & {
+        change?: number | undefined;
+        "24h_change"?: number | undefined;
+    };
+    leverage: number | undefined;
+};
+
+type TokenInfoBarProps = Pick<MarketsProviderProps, "onSymbolChange"> & UseTokenInfoBarScriptReturn & {
+    className?: string;
+    trailing?: ReactNode;
+    onSymbol?: () => void;
+};
+declare const TokenInfoBar: FC<TokenInfoBarProps>;
+
+type TokenInfoBarWidgetPros = UseTokenInfoBarScriptOptions & Pick<TokenInfoBarProps, "className" | "trailing" | "onSymbol">;
+declare const TokenInfoBarWidget: React.FC<TokenInfoBarWidgetPros>;
+
+type UseTokenInfoBarFullScriptOptions = {
+    symbol: string;
+};
+type UseTokenInfoBarFullScriptReturn = ReturnType<typeof useTokenInfoBarFullScript>;
+declare function useTokenInfoBarFullScript(options: UseTokenInfoBarFullScriptOptions): {
+    symbol: string;
+    isFavorite: boolean;
+    favorite: {
+        favoriteTabs: _orderly_network_hooks.FavoriteTab[];
+        favorites: {
+            tabs: _orderly_network_hooks.FavoriteTab[];
+            name: string;
+        }[];
+        recent: _orderly_network_hooks.Recent[];
+        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 | undefined;
+            update?: boolean | undefined;
+            delete?: boolean | undefined;
+        } | undefined) => void;
+        updateSymbolFavoriteState: (symbol: _orderly_network_types.API.MarketInfoExt, tab: _orderly_network_hooks.FavoriteTab | _orderly_network_hooks.FavoriteTab[], remove?: boolean | undefined) => 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: "asc" | "desc") => void;
+    };
+    data: _orderly_network_types.API.MarketInfo & {
+        change?: number | undefined;
+        "24h_change"?: number | undefined;
+    };
+    quotoDp: any;
+    openInterest: string;
+    fundingRate: {
+        est_funding_rate: string | null | undefined;
+        countDown: string;
+        symbol?: string | undefined;
+        est_funding_rate_timestamp?: number | undefined;
+        last_funding_rate?: number | undefined;
+        last_funding_rate_timestamp?: number | undefined;
+        next_funding_time?: number | undefined;
+        sum_unitary_funding?: number | undefined;
+    };
+    containerRef: react.RefObject<HTMLDivElement>;
+    leadingElementRef: react.RefObject<HTMLDivElement>;
+    tailingElementRef: react.RefObject<HTMLDivElement>;
+    leadingVisible: boolean;
+    tailingVisible: boolean;
+    onScoll: (direction: string) => void;
+};
+
+type TokenInfoBarFullProps = Pick<MarketsProviderProps, "onSymbolChange"> & UseTokenInfoBarFullScriptReturn & {
+    className?: string;
+    trailing?: ReactNode;
+};
+declare const TokenInfoBarFull: React.FC<TokenInfoBarFullProps>;
+
+type TokenInfoBarFullWidgetPros = UseTokenInfoBarFullScriptOptions & Pick<TokenInfoBarFullProps, "className" | "trailing"> & Pick<MarketsProviderProps, "onSymbolChange">;
+declare const TokenInfoBarFullWidget: React.FC<TokenInfoBarFullWidgetPros>;
+
 type MarketsHomePageProps = MarketsProviderProps & {
     className?: string;
 };
 declare const MarketsHomePage: FC<MarketsHomePageProps>;
 
-export { Favorites, FavoritesWidget, MarketList, MarketListWidget, MarketsDataList, MarketsDataListWidget, MarketsHeader, MarketsHeaderWidget, MarketsHomePage, MarketsProvider, useFavoritesScript, useMarketListScript, useMarketsDataListScript, useMarketsHeaderScript };
+export { CollapseMarkets, type CollapseMarketsProps, DropDownMarkets, DropDownMarketsConetnt, DropDownMarketsWidget, ExpandMarkets, ExpandMarketsWidget, FavoritesDropdownMenu, FavoritesDropdownMenuWidget, FavoritesList, FavoritesListFull, FavoritesListFullWidget, FavoritesListWidget, FavoritesTab, FavoritesTabWidget, MarketsDataList, MarketsDataListWidget, MarketsHeader, MarketsHeaderWidget, MarketsHomePage, MarketsList, MarketsListFull, MarketsListFullWidget, MarketsListWidget, MarketsProvider, MarketsSheet, MarketsSheetWidget, RecentList, RecentListWidget, SideMarkets, SideMarketsWidget, TokenInfoBar, TokenInfoBarFull, TokenInfoBarFullWidget, TokenInfoBarWidget, getDropDownMarketsColumns, useDropDownMarketsScript, useExpandMarketsScript, useFavoritesDropdownMenuScript, useFavoritesListFullScript, useFavoritesListScript, useFavoritesTabScript, useMarketsDataListScript, useMarketsHeaderScript, useMarketsListFullScript, useMarketsListScript, useMarketsSheetScript, useRecentListScript, useSideMarketsScript, useTokenInfoBarFullScript, useTokenInfoBarScript };