@orderly.network/trading 3.1.2-alpha.1 → 3.1.3-alpha.0

package/dist/index.d.mts

@@ -13,6 +13,19 @@ import * as _orderly_network_hooks from '@orderly.network/hooks';
 import { SliderMarks } from '@orderly.network/ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+/** Interceptor target for the desktop data-list tabs; plugins append custom tabs after the built-in ones. */
+declare const DataListDesktopTabsTarget = "Trading.DataList.Desktop.Tabs";
+interface DataListDesktopTabItem {
+    /** Unique tab id (also its `value` in the Tabs context). */
+    id: string;
+    title: React__default.ReactNode;
+    content: React__default.ReactNode;
+}
+interface DataListDesktopTabsProps {
+    items: DataListDesktopTabItem[];
+}
+declare const InjectableDataListDesktopTabs: React__default.ComponentType<DataListDesktopTabsProps>;
+
 type layoutInfo = {
     width?: number;
     height?: number;
@@ -183,6 +196,16 @@ declare const useAccountScript: () => {
 };
 type AccountState = ReturnType<typeof useAccountScript>;
 
+interface DataListMobileTabItem {
+    /** Unique tab id (also its `value` in the Tabs context). */
+    id: string;
+    title: React__default.ReactNode;
+    content: React__default.ReactNode;
+}
+interface DataListMobileTabsProps {
+    items: DataListMobileTabItem[];
+}
+
 type LayoutPosition = "left" | "right";
 
 type TradingState = ReturnType<typeof useTradingScript>;
@@ -253,6 +276,8 @@ type DesktopLayoutProps = TradingState & {
     className?: string;
 };
 
+type MobileLayoutProps = TradingState;
+
 /**
  * Module augmentation: maps interceptor target paths to their component props types.
  * Import from @orderly.network/trading to enable typed props in
@@ -264,7 +289,10 @@ declare module "@orderly.network/plugin-core" {
         "Account.MobileAccountMenu": AccountState;
         "OrderBook.Desktop.Asks": Props$1;
         "OrderBook.Desktop.Bids": Props;
+        "Trading.DataList.Desktop.Tabs": DataListDesktopTabsProps;
+        "Trading.DataList.Mobile.Tabs": DataListMobileTabsProps;
         "Trading.Layout.Desktop": DesktopLayoutProps;
+        "Trading.Layout.Mobile": MobileLayoutProps;
         "Trading.SymbolInfoBar.Desktop": SymbolInfoBarFullProps;
     }
 }
@@ -635,4 +663,4 @@ declare const usePendingOrderCount: (symbol?: string) => {
     tpSlOrderCount: number;
 };
 
-export { type AccountState, AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, type DesktopLayoutProps, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, type Props$1 as OrderBookDesktopAsksProps, type Props as OrderBookDesktopBidsProps, 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 };
+export { type AccountState, AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, type DataListDesktopTabItem, type DataListDesktopTabsProps, DataListDesktopTabsTarget, DataListWidget, type DesktopLayoutProps, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, InjectableDataListDesktopTabs, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, type Props$1 as OrderBookDesktopAsksProps, type Props as OrderBookDesktopBidsProps, 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

@@ -13,6 +13,19 @@ import * as _orderly_network_hooks from '@orderly.network/hooks';
 import { SliderMarks } from '@orderly.network/ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+/** Interceptor target for the desktop data-list tabs; plugins append custom tabs after the built-in ones. */
+declare const DataListDesktopTabsTarget = "Trading.DataList.Desktop.Tabs";
+interface DataListDesktopTabItem {
+    /** Unique tab id (also its `value` in the Tabs context). */
+    id: string;
+    title: React__default.ReactNode;
+    content: React__default.ReactNode;
+}
+interface DataListDesktopTabsProps {
+    items: DataListDesktopTabItem[];
+}
+declare const InjectableDataListDesktopTabs: React__default.ComponentType<DataListDesktopTabsProps>;
+
 type layoutInfo = {
     width?: number;
     height?: number;
@@ -183,6 +196,16 @@ declare const useAccountScript: () => {
 };
 type AccountState = ReturnType<typeof useAccountScript>;
 
+interface DataListMobileTabItem {
+    /** Unique tab id (also its `value` in the Tabs context). */
+    id: string;
+    title: React__default.ReactNode;
+    content: React__default.ReactNode;
+}
+interface DataListMobileTabsProps {
+    items: DataListMobileTabItem[];
+}
+
 type LayoutPosition = "left" | "right";
 
 type TradingState = ReturnType<typeof useTradingScript>;
@@ -253,6 +276,8 @@ type DesktopLayoutProps = TradingState & {
     className?: string;
 };
 
+type MobileLayoutProps = TradingState;
+
 /**
  * Module augmentation: maps interceptor target paths to their component props types.
  * Import from @orderly.network/trading to enable typed props in
@@ -264,7 +289,10 @@ declare module "@orderly.network/plugin-core" {
         "Account.MobileAccountMenu": AccountState;
         "OrderBook.Desktop.Asks": Props$1;
         "OrderBook.Desktop.Bids": Props;
+        "Trading.DataList.Desktop.Tabs": DataListDesktopTabsProps;
+        "Trading.DataList.Mobile.Tabs": DataListMobileTabsProps;
         "Trading.Layout.Desktop": DesktopLayoutProps;
+        "Trading.Layout.Mobile": MobileLayoutProps;
         "Trading.SymbolInfoBar.Desktop": SymbolInfoBarFullProps;
     }
 }
@@ -635,4 +663,4 @@ declare const usePendingOrderCount: (symbol?: string) => {
     tpSlOrderCount: number;
 };
 
-export { type AccountState, AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, type DesktopLayoutProps, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, type Props$1 as OrderBookDesktopAsksProps, type Props as OrderBookDesktopBidsProps, 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 };
+export { type AccountState, AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, type DataListDesktopTabItem, type DataListDesktopTabsProps, DataListDesktopTabsTarget, DataListWidget, type DesktopLayoutProps, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, InjectableDataListDesktopTabs, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, type Props$1 as OrderBookDesktopAsksProps, type Props as OrderBookDesktopBidsProps, 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

@@ -1,12 +1,12 @@
 'use strict';
 
+var ui = require('@orderly.network/ui');
+var jsxRuntime = require('react/jsx-runtime');
 var hooks = require('@orderly.network/hooks');
 var React12 = require('react');
 var reactApp = require('@orderly.network/react-app');
 var types = require('@orderly.network/types');
 var i18n = require('@orderly.network/i18n');
-var ui = require('@orderly.network/ui');
-var jsxRuntime = require('react/jsx-runtime');
 var uiPositions = require('@orderly.network/ui-positions');
 var utils = require('@orderly.network/utils');
 var portfolio = require('@orderly.network/portfolio');
@@ -38,6 +38,17 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+exports.DataListDesktopTabsTarget = void 0; var DataListDesktopTabs; exports.InjectableDataListDesktopTabs = void 0;
+var init_dataList_injectable = __esm({
+  "src/components/desktop/dataList/dataList.injectable.tsx"() {
+    exports.DataListDesktopTabsTarget = "Trading.DataList.Desktop.Tabs";
+    DataListDesktopTabs = ({ items }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(ui.TabPanel, { value: tab.id, title: tab.title, children: tab.content }, tab.id)) });
+    exports.InjectableDataListDesktopTabs = ui.injectable(
+      DataListDesktopTabs,
+      exports.DataListDesktopTabsTarget
+    );
+  }
+});
 exports.useTradingLocalStorage = void 0;
 var init_useTradingLocalStorage = __esm({
   "src/hooks/useTradingLocalStorage.ts"() {
@@ -703,6 +714,7 @@ var init_positionHeader = __esm({
 var LazySettingWidget, LazyPositionHeaderWidget, PositionsView, LiquidationTab; exports.DataList = void 0;
 var init_dataList_ui = __esm({
   "src/components/desktop/dataList/dataList.ui.tsx"() {
+    init_dataList_injectable();
     init_dataList_script();
     LazySettingWidget = React12__default.default.lazy(
       () => Promise.resolve().then(() => (init_setting(), setting_exports)).then((mod) => {
@@ -894,7 +906,7 @@ var init_dataList_ui = __esm({
           )
         }
       ];
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Tabs,
         {
           className: "oui-trading-dataList-tabs oui-h-full",
@@ -916,10 +928,13 @@ var init_dataList_ui = __esm({
             trigger: "oui-group",
             tabsContent: "oui-h-[calc(100%_-_32px)]"
           },
-          children: tabPanelItems.map((item) => {
-            const { content, ...rest } = item;
-            return /* @__PURE__ */ React12.createElement(ui.TabPanel, { ...rest, key: `item-${rest.value}` }, content);
-          })
+          children: [
+            tabPanelItems.map((item) => {
+              const { content, ...rest } = item;
+              return /* @__PURE__ */ React12.createElement(ui.TabPanel, { ...rest, key: `item-${rest.value}` }, content);
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.InjectableDataListDesktopTabs, { items: [] })
+          ]
         }
       );
     };
@@ -941,12 +956,15 @@ var init_dataList_widget = __esm({
 var dataList_exports = {};
 __export(dataList_exports, {
   DataList: () => exports.DataList,
-  DataListWidget: () => exports.DataListWidget
+  DataListDesktopTabsTarget: () => exports.DataListDesktopTabsTarget,
+  DataListWidget: () => exports.DataListWidget,
+  InjectableDataListDesktopTabs: () => exports.InjectableDataListDesktopTabs
 });
 var init_dataList = __esm({
   "src/components/desktop/dataList/index.ts"() {
     init_dataList_ui();
     init_dataList_widget();
+    init_dataList_injectable();
   }
 });
 exports.LastTrades = void 0; var Row, Header, List;
@@ -5879,6 +5897,17 @@ var init_orderBookAndEntry = __esm({
     init_orderBookAndEntry_script();
   }
 });
+var DataListMobileTabsTarget, DataListMobileTabs, InjectableDataListMobileTabs;
+var init_dataList_injectable2 = __esm({
+  "src/components/mobile/dataList/dataList.injectable.tsx"() {
+    DataListMobileTabsTarget = "Trading.DataList.Mobile.Tabs";
+    DataListMobileTabs = ({ items }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(ui.TabPanel, { value: tab.id, title: tab.title, children: tab.content }, tab.id)) });
+    InjectableDataListMobileTabs = ui.injectable(
+      DataListMobileTabs,
+      DataListMobileTabsTarget
+    );
+  }
+});
 var useDataListScript2, getDialogInfo;
 var init_dataList_script2 = __esm({
   "src/components/mobile/dataList/dataList.script.tsx"() {
@@ -5990,6 +6019,7 @@ var init_dataList_script2 = __esm({
 var LazyPositionHeaderWidget2, SymbolControlHeader, OrdersView, PositionsView2, HistoryTab, DataList2;
 var init_dataList_ui2 = __esm({
   "src/components/mobile/dataList/dataList.ui.tsx"() {
+    init_dataList_injectable2();
     init_dataList_script2();
     LazyPositionHeaderWidget2 = React12__default.default.lazy(
       () => Promise.resolve().then(() => (init_positionHeader(), positionHeader_exports)).then((mod) => {
@@ -6206,7 +6236,7 @@ var init_dataList_ui2 = __esm({
           content: /* @__PURE__ */ jsxRuntime.jsx(portfolio.AssetsModule.AssetsWidget, {})
         }
       ];
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Tabs,
         {
           value: tab,
@@ -6217,10 +6247,13 @@ var init_dataList_ui2 = __esm({
           classNames: {
             tabsList: "oui-bg-base-9 oui-rounded-t-xl oui-p-2 oui-overflow-x-scroll oui-hide-scrollbar"
           },
-          children: tabPanelItems.map((item) => {
-            const { content, ...rest } = item;
-            return /* @__PURE__ */ React12.createElement(ui.TabPanel, { ...rest, key: `item-${rest.value}` }, content);
-          })
+          children: [
+            tabPanelItems.map((item) => {
+              const { content, ...rest } = item;
+              return /* @__PURE__ */ React12.createElement(ui.TabPanel, { ...rest, key: `item-${rest.value}` }, content);
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(InjectableDataListMobileTabs, { items: [] })
+          ]
         }
       );
     };
@@ -6242,7 +6275,9 @@ var init_dataList_widget2 = __esm({
 var dataList_exports2 = {};
 __export(dataList_exports2, {
   DataList: () => DataList2,
+  DataListMobileTabsTarget: () => DataListMobileTabsTarget,
   DataListWidget: () => DataListWidget2,
+  InjectableDataListMobileTabs: () => InjectableDataListMobileTabs,
   useDataListScript: () => useDataListScript2
 });
 var init_dataList2 = __esm({
@@ -6250,6 +6285,7 @@ var init_dataList2 = __esm({
     init_dataList_ui2();
     init_dataList_widget2();
     init_dataList_script2();
+    init_dataList_injectable2();
   }
 });
 
@@ -9155,12 +9191,6 @@ var DesktopLayout4 = (props) => {
     }
   );
 };
-
-// src/pages/trading/trading.injectable.tsx
-var InjectableDesktopLayout = ui.injectable(
-  DesktopLayout4,
-  "Trading.Layout.Desktop"
-);
 var Countdown = ({
   timeInterval
 }) => {
@@ -9417,11 +9447,21 @@ var MobileLayout4 = (props) => {
     ) })
   ] }) });
 };
+
+// src/pages/trading/trading.injectable.tsx
+var InjectableDesktopLayout = ui.injectable(
+  DesktopLayout4,
+  "Trading.Layout.Desktop"
+);
+var InjectableMobileLayout = ui.injectable(
+  MobileLayout4,
+  "Trading.Layout.Mobile"
+);
 var Trading = (props) => {
   const { isMobile } = ui.useScreen();
   const { t } = i18n.useTranslation();
   if (isMobile) {
-    return /* @__PURE__ */ jsxRuntime.jsx(MobileLayout4, { ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(InjectableMobileLayout, { ...props });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     InjectableDesktopLayout,