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

package/dist/index.d.mts

@@ -1,36 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, NetworkId, AccountStatusEnum } from '@orderly.network/types';
-import { PositionsProps } from '@orderly.network/ui-positions';
 import * as react from 'react';
-import { ReactNode, FC, PropsWithChildren } from 'react';
+import react__default, { ReactNode, FC, PropsWithChildren } from 'react';
+import * as _orderly_network_ui_share from '@orderly.network/ui-share';
+import { SharePnLConfig, SharePnLParams } from '@orderly.network/ui-share';
+import { PositionsProps } from '@orderly.network/ui-positions';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _orderly_network_hooks from '@orderly.network/hooks';
-
-declare enum DataListTabType {
-    positions = "Positions",
-    pending = "Pending",
-    tp_sl = "TP/SL",
-    filled = "Filled",
-    orderHistory = "Order history"
-}
-declare const useDataListScript: (props: {
-    current?: DataListTabType;
-    config: PositionsProps & {
-        symbol?: string;
-    };
-}) => {
-    current: DataListTabType | undefined;
-    config: PositionsProps & {
-        symbol?: string | undefined;
-    };
-    unPnlPriceBasis: any;
-    setUnPnlPriceBasic: (value: string) => void;
-    pnlNotionalDecimalPrecision: any;
-    setPnlNotionalDecimalPrecision: (value: number) => void;
-    showAllSymbol: any;
-    setShowAllSymbol: (value: boolean) => void;
-};
-type DataListState = ReturnType<typeof useDataListScript>;
+import { SplitProps } from '@uiw/react-split';
 
 type layoutInfo = {
     width?: number;
@@ -110,7 +87,7 @@ type BasicSymbolInfo = {
     base: string;
     quote: string;
 };
-interface TradingPageState extends TradingPageV2Props {
+interface TradingPageState extends TradingPageProps {
     symbolInfo: {
         base_dp: number;
         quote_dp: number;
@@ -119,6 +96,8 @@ interface TradingPageState extends TradingPageV2Props {
         quote: string;
         symbol: string;
     };
+    /** default is  `(max-width: 768px)`*/
+    tabletMediaQuery: string;
 }
 interface TradingViewConfigInterface {
     scriptSRC?: string;
@@ -140,15 +119,13 @@ interface ColorConfigInterface {
     font?: string;
     closeIcon?: string;
 }
-type ReferralProps = {
+type ReferralPropsV2 = {
     saveRefCode?: boolean;
     onClickReferral?: () => void;
     onBoundRefCode?: (success: boolean, error: any) => void;
-    refLink?: string;
-    slogan?: string;
 };
-type TradingRewardProps = {
-    onClickTradingReward?: () => void;
+type TradingRewardsProps = {
+    onClickTradingRewards?: () => void;
 };
 type BaseTradingPageProps = {
     symbol: string;
@@ -158,25 +135,52 @@ type BaseTradingPageProps = {
     overrideFeatures?: Record<TradingFeatures, ReactNode>;
 };
 type TradingPageProps = BaseTradingPageProps & {
-    shareOptions: ShareOptions;
-    referral: ReferralProps;
-    tradingReward: TradingRewardProps;
-};
-type TradingPageV2Props = BaseTradingPageProps & {
-    dataList: {
-        current?: DataListTabType;
-        config: Partial<Omit<PositionsProps, "pnlNotionalDecimalPrecision">>;
-    };
+    sharePnLConfig?: SharePnLConfig & Partial<Omit<SharePnLParams, "position" | "refCode" | "leverage">>;
+    /** default is  `(max-width: 768px)`*/
+    tabletMediaQuery?: string;
+    referral?: ReferralPropsV2;
+    tradingRewards?: TradingRewardsProps;
+    bottomSheetLeading?: React.ReactNode | string;
 };
 
-declare const TradingPage: (props: TradingPageProps) => react_jsx_runtime.JSX.Element;
+declare enum DataListTabType {
+    positions = "Positions",
+    pending = "Pending",
+    tp_sl = "TP/SL",
+    filled = "Filled",
+    orderHistory = "Order history"
+}
+declare const useDataListScript: (props: {
+    current?: DataListTabType;
+    tabletMediaQuery: string;
+} & PositionsProps) => {
+    positionCount: number;
+    pendingOrderCount: number;
+    tpSlOrderCount: number;
+    onSymbolChange: ((symbol: _orderly_network_types.API.Symbol) => void) | undefined;
+    unPnlPriceBasis: any;
+    setUnPnlPriceBasic: (value: string) => void;
+    pnlNotionalDecimalPrecision: any;
+    setPnlNotionalDecimalPrecision: (value: number) => void;
+    showAllSymbol: any;
+    setShowAllSymbol: (value: boolean) => void;
+    hideAssets: any;
+    setHideAssets: (value: boolean) => void;
+    current: DataListTabType | undefined;
+    tabletMediaQuery: string;
+    sharePnLConfig: (_orderly_network_ui_share.SharePnLConfig & Partial<Omit<_orderly_network_ui_share.SharePnLParams, "position" | "refCode" | "leverage">>) | undefined;
+    symbol: string | undefined;
+    calcMode: any;
+    includedPendingOrder: boolean | undefined;
+};
+type DataListState = ReturnType<typeof useDataListScript>;
 
 declare const DataList: FC<DataListState>;
 
 declare const DataListWidget: (props: {
     current?: DataListTabType;
-    config: Partial<Omit<PositionsProps, "pnlNotionalDecimalPrecision">>;
-}) => react_jsx_runtime.JSX.Element;
+    tabletMediaQuery: string;
+} & PositionsProps) => react_jsx_runtime.JSX.Element;
 
 declare const useLastTradesScript: (symbol: string) => {
     base: any;
@@ -189,13 +193,31 @@ declare const useLastTradesScript: (symbol: string) => {
 type LastTradesState = ReturnType<typeof useLastTradesScript>;
 
 declare const LastTrades: FC<LastTradesState & {
-    className?: string;
-    style?: React.CSSProperties;
+    classNames?: {
+        root?: string;
+        list?: string;
+        listHeader?: string;
+        listItem?: {
+            left?: string;
+            mid?: string;
+            right?: string;
+        };
+    };
+    style?: react__default.CSSProperties;
 }>;
 
 declare const LastTradesWidget: (props: {
     symbol: string;
-    className?: string;
+    classNames?: {
+        root?: string;
+        list?: string;
+        listHeader?: string;
+        listItem?: {
+            left?: string;
+            mid?: string;
+            right?: string;
+        };
+    };
     style?: React.CSSProperties;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -207,11 +229,11 @@ declare const useAssetViewScript: () => {
     toggleVisible: () => void;
     networkId: NetworkId;
     isFirstTimeDeposit: boolean;
-    totalValue: number;
+    totalValue: number | undefined;
     status: AccountStatusEnum;
-    freeCollateral: number;
-    marginRatioVal: number;
-    renderMMR: string;
+    freeCollateral: number | undefined;
+    marginRatioVal: number | undefined;
+    renderMMR: number | undefined;
     isConnected: boolean;
 };
 type AssetViewState = ReturnType<typeof useAssetViewScript>;
@@ -222,6 +244,7 @@ declare const AssetViewWidget: () => react_jsx_runtime.JSX.Element;
 
 declare const useOrderBookScript: (props: {
     symbol: string;
+    tabletMediaQuery?: string;
     height?: number;
 }) => {
     level: number;
@@ -245,16 +268,18 @@ type OrderBookState = ReturnType<typeof useOrderBookScript>;
 
 declare const OrderBook: FC<OrderBookState & {
     className?: string;
+    tabletMediaQuery: string;
 }>;
 
 declare const OrderBookWidget: (props: {
     className?: string;
     symbol: string;
     height?: number;
+    tabletMediaQuery: string;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const useRiskRateScript: () => {
-    riskRate: string;
+    riskRate: string | null;
     riskRateColor: {
         isHigh: boolean;
         isMedium: boolean;
@@ -262,7 +287,7 @@ declare const useRiskRateScript: () => {
         isDefault: boolean;
     };
     isConnected: boolean;
-    currentLeverage: number;
+    currentLeverage: number | null;
     maxLeverage: any;
 };
 type RiskRateState = ReturnType<typeof useRiskRateScript>;
@@ -283,21 +308,82 @@ declare const useOrderBookAndTradesScript: (symbol: string) => {
 };
 type OrderBookAndTradesState = ReturnType<typeof useOrderBookAndTradesScript>;
 
-declare const OrderBookAndTrades: FC<OrderBookAndTradesState>;
+declare const OrderBookAndTrades: FC<OrderBookAndTradesState & {
+    tabletMediaQuery: string;
+}>;
 
 declare const OrderBookAndTradesWidget: (props: {
     symbol: string;
+    tabletMediaQuery: string;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const useTradingV2Script: () => TradingPageState;
-type TradingV2State = ReturnType<typeof useTradingV2Script>;
+type SplitLayoutProps = PropsWithChildren<SplitProps> & {
+    onSizeChange?: (size: string) => void;
+};
+declare const SplitLayout: react__default.FC<SplitLayoutProps>;
 
-declare const TradingV2: FC<TradingV2State>;
+declare const useBottomNavBarScript: () => {
+    wrongNetwork: boolean;
+};
+type BottomNavBarState = ReturnType<typeof useBottomNavBarScript>;
 
-declare const TradingV2Widget: () => react_jsx_runtime.JSX.Element;
+declare const BottomNavBar: FC<BottomNavBarState>;
 
-declare const TradingPageV2: (props: TradingPageV2Props) => react_jsx_runtime.JSX.Element;
+declare const BottomNavBarWidget: () => react_jsx_runtime.JSX.Element;
 
-declare const TradingPageProvider: (props: PropsWithChildren<TradingPageV2Props>) => react_jsx_runtime.JSX.Element;
+type TradingState = ReturnType<typeof useTradingScript>;
+declare const useTradingScript: () => TradingPageState & {
+    collapsed: any;
+    onCollapse: (collapsed: boolean) => void;
+    layout: any;
+    onLayout: (value: string) => void;
+    orderBookSplitSize: string | undefined;
+    setOrderbookSplitSize: (size: string) => void;
+    dataListSplitSize: string | undefined;
+    setDataListSplitSize: (size: string) => void;
+    mainSplitSize: string | undefined;
+    setMainSplitSize: (size: string) => void;
+    isMedium: boolean;
+    animating: boolean;
+    setAnimating: react.Dispatch<react.SetStateAction<boolean>>;
+    positions: number[];
+    updatePositions: (currentIdx: number, targetIdx: number) => void;
+    canTrading: boolean;
+    showPositionIcon: boolean;
+    openMarketsSheet: boolean;
+    onOpenMarketsSheetChange: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
+declare const Trading: FC<TradingState>;
+
+declare const TradingWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const TradingPage: (props: TradingPageProps) => react_jsx_runtime.JSX.Element;
+
+declare const TradingPageContext: react.Context<TradingPageState>;
+declare const useTradingPageContext: () => TradingPageState;
+declare const TradingPageProvider: (props: PropsWithChildren<TradingPageProps>) => react_jsx_runtime.JSX.Element;
+
+declare const useTradingLocalStorage: (props?: {
+    pnlNotionalDecimalPrecision?: number;
+}) => {
+    unPnlPriceBasis: any;
+    setUnPnlPriceBasic: (value: string) => void;
+    pnlNotionalDecimalPrecision: any;
+    setPnlNotionalDecimalPrecision: (value: number) => void;
+    showAllSymbol: any;
+    setShowAllSymbol: (value: boolean) => void;
+    hideAssets: any;
+    setHideAssets: (value: boolean) => void;
+};
+
+declare const usePositionsCount: (symbol?: string) => {
+    positionCount: number;
+};
+
+declare const usePendingOrderCount: (symbol?: string) => {
+    pendingOrderCount: number;
+    tpSlOrderCount: number;
+};
 
-export { AssetView, AssetViewWidget, DataList, DataListWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookWidget, RiskRate, RiskRateWidget, type ShareOptions, TradingPage, TradingPageProvider, TradingPageV2, TradingV2, TradingV2Widget, useOrderBookAndTradesScript, useOrderBookScript };
+export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, DataList, DataListWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookWidget, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, TradingWidget, useBottomNavBarScript, useOrderBookAndTradesScript, useOrderBookScript, usePendingOrderCount, usePositionsCount, useTradingLocalStorage, useTradingPageContext };

package/dist/index.d.ts

@@ -1,36 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, NetworkId, AccountStatusEnum } from '@orderly.network/types';
-import { PositionsProps } from '@orderly.network/ui-positions';
 import * as react from 'react';
-import { ReactNode, FC, PropsWithChildren } from 'react';
+import react__default, { ReactNode, FC, PropsWithChildren } from 'react';
+import * as _orderly_network_ui_share from '@orderly.network/ui-share';
+import { SharePnLConfig, SharePnLParams } from '@orderly.network/ui-share';
+import { PositionsProps } from '@orderly.network/ui-positions';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _orderly_network_hooks from '@orderly.network/hooks';
-
-declare enum DataListTabType {
-    positions = "Positions",
-    pending = "Pending",
-    tp_sl = "TP/SL",
-    filled = "Filled",
-    orderHistory = "Order history"
-}
-declare const useDataListScript: (props: {
-    current?: DataListTabType;
-    config: PositionsProps & {
-        symbol?: string;
-    };
-}) => {
-    current: DataListTabType | undefined;
-    config: PositionsProps & {
-        symbol?: string | undefined;
-    };
-    unPnlPriceBasis: any;
-    setUnPnlPriceBasic: (value: string) => void;
-    pnlNotionalDecimalPrecision: any;
-    setPnlNotionalDecimalPrecision: (value: number) => void;
-    showAllSymbol: any;
-    setShowAllSymbol: (value: boolean) => void;
-};
-type DataListState = ReturnType<typeof useDataListScript>;
+import { SplitProps } from '@uiw/react-split';
 
 type layoutInfo = {
     width?: number;
@@ -110,7 +87,7 @@ type BasicSymbolInfo = {
     base: string;
     quote: string;
 };
-interface TradingPageState extends TradingPageV2Props {
+interface TradingPageState extends TradingPageProps {
     symbolInfo: {
         base_dp: number;
         quote_dp: number;
@@ -119,6 +96,8 @@ interface TradingPageState extends TradingPageV2Props {
         quote: string;
         symbol: string;
     };
+    /** default is  `(max-width: 768px)`*/
+    tabletMediaQuery: string;
 }
 interface TradingViewConfigInterface {
     scriptSRC?: string;
@@ -140,15 +119,13 @@ interface ColorConfigInterface {
     font?: string;
     closeIcon?: string;
 }
-type ReferralProps = {
+type ReferralPropsV2 = {
     saveRefCode?: boolean;
     onClickReferral?: () => void;
     onBoundRefCode?: (success: boolean, error: any) => void;
-    refLink?: string;
-    slogan?: string;
 };
-type TradingRewardProps = {
-    onClickTradingReward?: () => void;
+type TradingRewardsProps = {
+    onClickTradingRewards?: () => void;
 };
 type BaseTradingPageProps = {
     symbol: string;
@@ -158,25 +135,52 @@ type BaseTradingPageProps = {
     overrideFeatures?: Record<TradingFeatures, ReactNode>;
 };
 type TradingPageProps = BaseTradingPageProps & {
-    shareOptions: ShareOptions;
-    referral: ReferralProps;
-    tradingReward: TradingRewardProps;
-};
-type TradingPageV2Props = BaseTradingPageProps & {
-    dataList: {
-        current?: DataListTabType;
-        config: Partial<Omit<PositionsProps, "pnlNotionalDecimalPrecision">>;
-    };
+    sharePnLConfig?: SharePnLConfig & Partial<Omit<SharePnLParams, "position" | "refCode" | "leverage">>;
+    /** default is  `(max-width: 768px)`*/
+    tabletMediaQuery?: string;
+    referral?: ReferralPropsV2;
+    tradingRewards?: TradingRewardsProps;
+    bottomSheetLeading?: React.ReactNode | string;
 };
 
-declare const TradingPage: (props: TradingPageProps) => react_jsx_runtime.JSX.Element;
+declare enum DataListTabType {
+    positions = "Positions",
+    pending = "Pending",
+    tp_sl = "TP/SL",
+    filled = "Filled",
+    orderHistory = "Order history"
+}
+declare const useDataListScript: (props: {
+    current?: DataListTabType;
+    tabletMediaQuery: string;
+} & PositionsProps) => {
+    positionCount: number;
+    pendingOrderCount: number;
+    tpSlOrderCount: number;
+    onSymbolChange: ((symbol: _orderly_network_types.API.Symbol) => void) | undefined;
+    unPnlPriceBasis: any;
+    setUnPnlPriceBasic: (value: string) => void;
+    pnlNotionalDecimalPrecision: any;
+    setPnlNotionalDecimalPrecision: (value: number) => void;
+    showAllSymbol: any;
+    setShowAllSymbol: (value: boolean) => void;
+    hideAssets: any;
+    setHideAssets: (value: boolean) => void;
+    current: DataListTabType | undefined;
+    tabletMediaQuery: string;
+    sharePnLConfig: (_orderly_network_ui_share.SharePnLConfig & Partial<Omit<_orderly_network_ui_share.SharePnLParams, "position" | "refCode" | "leverage">>) | undefined;
+    symbol: string | undefined;
+    calcMode: any;
+    includedPendingOrder: boolean | undefined;
+};
+type DataListState = ReturnType<typeof useDataListScript>;
 
 declare const DataList: FC<DataListState>;
 
 declare const DataListWidget: (props: {
     current?: DataListTabType;
-    config: Partial<Omit<PositionsProps, "pnlNotionalDecimalPrecision">>;
-}) => react_jsx_runtime.JSX.Element;
+    tabletMediaQuery: string;
+} & PositionsProps) => react_jsx_runtime.JSX.Element;
 
 declare const useLastTradesScript: (symbol: string) => {
     base: any;
@@ -189,13 +193,31 @@ declare const useLastTradesScript: (symbol: string) => {
 type LastTradesState = ReturnType<typeof useLastTradesScript>;
 
 declare const LastTrades: FC<LastTradesState & {
-    className?: string;
-    style?: React.CSSProperties;
+    classNames?: {
+        root?: string;
+        list?: string;
+        listHeader?: string;
+        listItem?: {
+            left?: string;
+            mid?: string;
+            right?: string;
+        };
+    };
+    style?: react__default.CSSProperties;
 }>;
 
 declare const LastTradesWidget: (props: {
     symbol: string;
-    className?: string;
+    classNames?: {
+        root?: string;
+        list?: string;
+        listHeader?: string;
+        listItem?: {
+            left?: string;
+            mid?: string;
+            right?: string;
+        };
+    };
     style?: React.CSSProperties;
 }) => react_jsx_runtime.JSX.Element;
 
@@ -207,11 +229,11 @@ declare const useAssetViewScript: () => {
     toggleVisible: () => void;
     networkId: NetworkId;
     isFirstTimeDeposit: boolean;
-    totalValue: number;
+    totalValue: number | undefined;
     status: AccountStatusEnum;
-    freeCollateral: number;
-    marginRatioVal: number;
-    renderMMR: string;
+    freeCollateral: number | undefined;
+    marginRatioVal: number | undefined;
+    renderMMR: number | undefined;
     isConnected: boolean;
 };
 type AssetViewState = ReturnType<typeof useAssetViewScript>;
@@ -222,6 +244,7 @@ declare const AssetViewWidget: () => react_jsx_runtime.JSX.Element;
 
 declare const useOrderBookScript: (props: {
     symbol: string;
+    tabletMediaQuery?: string;
     height?: number;
 }) => {
     level: number;
@@ -245,16 +268,18 @@ type OrderBookState = ReturnType<typeof useOrderBookScript>;
 
 declare const OrderBook: FC<OrderBookState & {
     className?: string;
+    tabletMediaQuery: string;
 }>;
 
 declare const OrderBookWidget: (props: {
     className?: string;
     symbol: string;
     height?: number;
+    tabletMediaQuery: string;
 }) => react_jsx_runtime.JSX.Element;
 
 declare const useRiskRateScript: () => {
-    riskRate: string;
+    riskRate: string | null;
     riskRateColor: {
         isHigh: boolean;
         isMedium: boolean;
@@ -262,7 +287,7 @@ declare const useRiskRateScript: () => {
         isDefault: boolean;
     };
     isConnected: boolean;
-    currentLeverage: number;
+    currentLeverage: number | null;
     maxLeverage: any;
 };
 type RiskRateState = ReturnType<typeof useRiskRateScript>;
@@ -283,21 +308,82 @@ declare const useOrderBookAndTradesScript: (symbol: string) => {
 };
 type OrderBookAndTradesState = ReturnType<typeof useOrderBookAndTradesScript>;
 
-declare const OrderBookAndTrades: FC<OrderBookAndTradesState>;
+declare const OrderBookAndTrades: FC<OrderBookAndTradesState & {
+    tabletMediaQuery: string;
+}>;
 
 declare const OrderBookAndTradesWidget: (props: {
     symbol: string;
+    tabletMediaQuery: string;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const useTradingV2Script: () => TradingPageState;
-type TradingV2State = ReturnType<typeof useTradingV2Script>;
+type SplitLayoutProps = PropsWithChildren<SplitProps> & {
+    onSizeChange?: (size: string) => void;
+};
+declare const SplitLayout: react__default.FC<SplitLayoutProps>;
 
-declare const TradingV2: FC<TradingV2State>;
+declare const useBottomNavBarScript: () => {
+    wrongNetwork: boolean;
+};
+type BottomNavBarState = ReturnType<typeof useBottomNavBarScript>;
 
-declare const TradingV2Widget: () => react_jsx_runtime.JSX.Element;
+declare const BottomNavBar: FC<BottomNavBarState>;
 
-declare const TradingPageV2: (props: TradingPageV2Props) => react_jsx_runtime.JSX.Element;
+declare const BottomNavBarWidget: () => react_jsx_runtime.JSX.Element;
 
-declare const TradingPageProvider: (props: PropsWithChildren<TradingPageV2Props>) => react_jsx_runtime.JSX.Element;
+type TradingState = ReturnType<typeof useTradingScript>;
+declare const useTradingScript: () => TradingPageState & {
+    collapsed: any;
+    onCollapse: (collapsed: boolean) => void;
+    layout: any;
+    onLayout: (value: string) => void;
+    orderBookSplitSize: string | undefined;
+    setOrderbookSplitSize: (size: string) => void;
+    dataListSplitSize: string | undefined;
+    setDataListSplitSize: (size: string) => void;
+    mainSplitSize: string | undefined;
+    setMainSplitSize: (size: string) => void;
+    isMedium: boolean;
+    animating: boolean;
+    setAnimating: react.Dispatch<react.SetStateAction<boolean>>;
+    positions: number[];
+    updatePositions: (currentIdx: number, targetIdx: number) => void;
+    canTrading: boolean;
+    showPositionIcon: boolean;
+    openMarketsSheet: boolean;
+    onOpenMarketsSheetChange: react.Dispatch<react.SetStateAction<boolean>>;
+};
+
+declare const Trading: FC<TradingState>;
+
+declare const TradingWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const TradingPage: (props: TradingPageProps) => react_jsx_runtime.JSX.Element;
+
+declare const TradingPageContext: react.Context<TradingPageState>;
+declare const useTradingPageContext: () => TradingPageState;
+declare const TradingPageProvider: (props: PropsWithChildren<TradingPageProps>) => react_jsx_runtime.JSX.Element;
+
+declare const useTradingLocalStorage: (props?: {
+    pnlNotionalDecimalPrecision?: number;
+}) => {
+    unPnlPriceBasis: any;
+    setUnPnlPriceBasic: (value: string) => void;
+    pnlNotionalDecimalPrecision: any;
+    setPnlNotionalDecimalPrecision: (value: number) => void;
+    showAllSymbol: any;
+    setShowAllSymbol: (value: boolean) => void;
+    hideAssets: any;
+    setHideAssets: (value: boolean) => void;
+};
+
+declare const usePositionsCount: (symbol?: string) => {
+    positionCount: number;
+};
+
+declare const usePendingOrderCount: (symbol?: string) => {
+    pendingOrderCount: number;
+    tpSlOrderCount: number;
+};
 
-export { AssetView, AssetViewWidget, DataList, DataListWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookWidget, RiskRate, RiskRateWidget, type ShareOptions, TradingPage, TradingPageProvider, TradingPageV2, TradingV2, TradingV2Widget, useOrderBookAndTradesScript, useOrderBookScript };
+export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, DataList, DataListWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookWidget, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, TradingWidget, useBottomNavBarScript, useOrderBookAndTradesScript, useOrderBookScript, usePendingOrderCount, usePositionsCount, useTradingLocalStorage, useTradingPageContext };