@orderly.network/trading 3.0.4-alpha.0 → 3.0.4-alpha.1

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, RefObject, PropsWithChildren } from 'react';
+import React__default, { ReactNode, FC, PropsWithChildren, RefObject } from 'react';
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, NetworkId, AccountStatusEnum } from '@orderly.network/types';
 import * as _orderly_network_ui_share from '@orderly.network/ui-share';
@@ -306,6 +306,36 @@ interface BuySellRatioBarProps {
 }
 declare const BuySellRatioBar: FC<BuySellRatioBarProps>;
 
+type QtyMode = "quantity" | "amount";
+type TotalMode = "quantity" | "amount";
+
+interface OrderBookContextValue {
+    cellHeight: number;
+    mode: QtyMode;
+    depth?: string;
+    onModeChange?: (mode: QtyMode) => void;
+    onItemClick?: (item: number[]) => void;
+    showTotal: boolean;
+    totalMode: TotalMode;
+    pendingOrders: ReadonlyArray<number> | number[];
+    onTotalModeChange?: (mode: TotalMode) => void;
+    symbolInfo: BasicSymbolInfo;
+    showBuySellRatio: boolean;
+    onShowBuySellRatioChange?: (show: boolean) => void;
+}
+declare const useOrderBookContext: () => OrderBookContextValue;
+interface OrderBookProviderProps {
+    cellHeight: number;
+    depth?: string;
+    showTotal: boolean;
+    pendingOrders: ReadonlyArray<number> | number[];
+    onItemClick?: (item: number[]) => void;
+    symbolInfo: BasicSymbolInfo;
+    showBuySellRatio?: boolean;
+    onShowBuySellRatioChange?: (show: boolean) => void;
+}
+declare const OrderBookProvider: FC<PropsWithChildren<OrderBookProviderProps>>;
+
 declare const useRiskRateScript: () => {
     riskRate: string | null;
     riskRateColor: {
@@ -548,4 +578,4 @@ declare const usePendingOrderCount: (symbol?: string) => {
     tpSlOrderCount: number;
 };
 
-export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, type ReferralProps, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, type TradingRewardsProps, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };
+export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookProvider, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, type ReferralProps, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, type TradingRewardsProps, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookContext, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, RefObject, PropsWithChildren } from 'react';
+import React__default, { ReactNode, FC, PropsWithChildren, RefObject } from 'react';
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, NetworkId, AccountStatusEnum } from '@orderly.network/types';
 import * as _orderly_network_ui_share from '@orderly.network/ui-share';
@@ -306,6 +306,36 @@ interface BuySellRatioBarProps {
 }
 declare const BuySellRatioBar: FC<BuySellRatioBarProps>;
 
+type QtyMode = "quantity" | "amount";
+type TotalMode = "quantity" | "amount";
+
+interface OrderBookContextValue {
+    cellHeight: number;
+    mode: QtyMode;
+    depth?: string;
+    onModeChange?: (mode: QtyMode) => void;
+    onItemClick?: (item: number[]) => void;
+    showTotal: boolean;
+    totalMode: TotalMode;
+    pendingOrders: ReadonlyArray<number> | number[];
+    onTotalModeChange?: (mode: TotalMode) => void;
+    symbolInfo: BasicSymbolInfo;
+    showBuySellRatio: boolean;
+    onShowBuySellRatioChange?: (show: boolean) => void;
+}
+declare const useOrderBookContext: () => OrderBookContextValue;
+interface OrderBookProviderProps {
+    cellHeight: number;
+    depth?: string;
+    showTotal: boolean;
+    pendingOrders: ReadonlyArray<number> | number[];
+    onItemClick?: (item: number[]) => void;
+    symbolInfo: BasicSymbolInfo;
+    showBuySellRatio?: boolean;
+    onShowBuySellRatioChange?: (show: boolean) => void;
+}
+declare const OrderBookProvider: FC<PropsWithChildren<OrderBookProviderProps>>;
+
 declare const useRiskRateScript: () => {
     riskRate: string | null;
     riskRateColor: {
@@ -548,4 +578,4 @@ declare const usePendingOrderCount: (symbol?: string) => {
     tpSlOrderCount: number;
 };
 
-export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, type ReferralProps, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, type TradingRewardsProps, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };
+export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookProvider, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, type ReferralProps, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, type TradingRewardsProps, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookContext, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };

package/dist/index.js

@@ -1823,16 +1823,16 @@ var init_assetView = __esm({
     init_assetView_widget();
   }
 });
-var OrderBookContext, useOrderBookContext, ORDERBOOK_COIN_TYPE_KEY, ORDERBOOK_MOBILE_COIN_TYPE_KEY, OrderBookProvider;
+var OrderBookContext; exports.useOrderBookContext = void 0; var ORDERBOOK_COIN_TYPE_KEY, ORDERBOOK_MOBILE_COIN_TYPE_KEY; exports.OrderBookProvider = void 0;
 var init_orderContext = __esm({
   "src/components/base/orderBook/orderContext.tsx"() {
     OrderBookContext = React12.createContext({
       cellHeight: 22
     });
-    useOrderBookContext = () => React12.useContext(OrderBookContext);
+    exports.useOrderBookContext = () => React12.useContext(OrderBookContext);
     ORDERBOOK_COIN_TYPE_KEY = "orderbook_coin_type";
     ORDERBOOK_MOBILE_COIN_TYPE_KEY = "orderbook_mobile_coin_unit";
-    OrderBookProvider = (props) => {
+    exports.OrderBookProvider = (props) => {
       const [mode, setMode] = React12.useState("quantity");
       const [totalMode, setTotalMode] = React12.useState("quantity");
       const memoizedValue = React12__default.default.useMemo(() => {
@@ -1905,7 +1905,7 @@ var init_cell_desktop = __esm({
     init_orderContext();
     init_types();
     DesktopOrderBookCell = (props) => {
-      const { cellHeight, showTotal, onItemClick, depth, pendingOrders } = useOrderBookContext();
+      const { cellHeight, showTotal, onItemClick, depth, pendingOrders } = exports.useOrderBookContext();
       const {
         symbolInfo,
         currentHover,
@@ -2052,7 +2052,7 @@ var init_listBox_desktop = __esm({
     };
     DesktopListBox = (props) => {
       const { data, type, countQty } = props;
-      const { symbolInfo, depth } = useOrderBookContext();
+      const { symbolInfo, depth } = exports.useOrderBookContext();
       const findMaxItem = React12.useCallback(() => {
         if (!data?.length) {
           return null;
@@ -2403,7 +2403,7 @@ var init_header_desktop = __esm({
     };
     DesktopHeader = (props) => {
       const { base, quote = "USDC" } = props;
-      const { showTotal } = useOrderBookContext();
+      const { showTotal } = exports.useOrderBookContext();
       const { t } = i18n.useTranslation();
       const [popoverOpen, setOpen] = React12__default.default.useState(false);
       const [coinType] = hooks.useLocalStorage(ORDERBOOK_COIN_TYPE_KEY, base);
@@ -2755,7 +2755,7 @@ var init_markPrice_desktop = __esm({
     init_orderContext();
     DesktopMarkPrice = (props) => {
       const { markPrice = 0, lastPrice, asks, bids, symbolInfo } = props;
-      const { showTotal } = useOrderBookContext();
+      const { showTotal } = exports.useOrderBookContext();
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-row oui-pl-3 oui-tabular-nums oui-justify-between oui-text-base-contrast-80 oui-text-xs oui-relative oui-cursor-pointer oui-py-[6px]", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -2886,7 +2886,7 @@ var init_index_desktop = __esm({
         };
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        OrderBookProvider,
+        exports.OrderBookProvider,
         {
           cellHeight: props.cellHeight ?? 20,
           onItemClick: props.onItemClick,
@@ -3273,7 +3273,7 @@ var init_listBox = __esm({
     init_cell();
     ListBox = (props) => {
       const { data } = props;
-      const { mode } = useOrderBookContext();
+      const { mode } = exports.useOrderBookContext();
       return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "oui-orderBook-list oui-order-book-list oui-flex oui-w-full oui-flex-col oui-gap-px", children: data.map((item, index) => {
         return /* @__PURE__ */ jsxRuntime.jsx(
           OrderBookCell,
@@ -3452,7 +3452,7 @@ var init_markPrice2 = __esm({
     init_midPriceView();
     init_orderContext();
     MarkPrice = (props) => {
-      const { symbolInfo } = useOrderBookContext();
+      const { symbolInfo } = exports.useOrderBookContext();
       const { quote_dp } = symbolInfo;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Flex,
@@ -3518,7 +3518,7 @@ var init_orderBook = __esm({
         "qty"
       );
       return /* @__PURE__ */ jsxRuntime.jsx(
-        OrderBookProvider,
+        exports.OrderBookProvider,
         {
           cellHeight: props.cellHeight ?? 20,
           onItemClick: props.onItemClick,
@@ -3876,7 +3876,9 @@ var orderBook_exports = {};
 __export(orderBook_exports, {
   BuySellRatioBar: () => exports.BuySellRatioBar,
   OrderBook: () => exports.OrderBook,
+  OrderBookProvider: () => exports.OrderBookProvider,
   OrderBookWidget: () => exports.OrderBookWidget,
+  useOrderBookContext: () => exports.useOrderBookContext,
   useOrderBookScript: () => exports.useOrderBookScript
 });
 var init_orderBook2 = __esm({
@@ -3885,6 +3887,7 @@ var init_orderBook2 = __esm({
     init_orderBook_widget();
     init_orderBook_script();
     init_buySellRatioBar();
+    init_orderContext();
   }
 });
 exports.RiskRate = void 0;