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

package/dist/index.mjs

@@ -1,10 +1,10 @@
-import { useBadgeBySymbol, useGetRwaSymbolOpenStatus, useLocalStorage, useGetRwaSymbolCloseTimeInterval, usePositionStream, useOrderStream, useAccount, useFundingDetails, useFundingRateBySymbol, useFundingRate, useSymbolsInfo, useOrderbookStream, useEventEmitter, useCollateral, useMarginRatio, useLeverage, useDebouncedCallback, useMediaQuery, useAssetsHistory, useGetRwaSymbolInfo, useWalletConnector, useConfig, useMutation, useChains, useReferralInfo, useCurEpochEstimate, TWType, useEpochInfo, useMarketTradeStream, useAccountInstance, useComputedLTV, useTickerStream } from '@orderly.network/hooks';
+import { injectable, cn, Button, formatAddress, registerSimpleDialog, registerSimpleSheet, Box, Flex, Text, NewsFillIcon, EyeIcon, EyeCloseIcon, SimpleSheet, TabPanel, toast as toast$1, useScreen, ExclamationFillIcon, CloseIcon, TooltipRoot, TooltipTrigger, TooltipContent as TooltipContent$1, TooltipArrow, parseNumber, Divider, ListView, Grid, ArrowDownShortIcon, gradientTextVariants, ChevronDownIcon, modal, Tooltip, Tabs, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Statistic, RefreshIcon, ArrowLeftRightIcon, ArrowUpShortIcon, InfoCircleIcon, SimpleDialog, ChainIcon, useModal, ArrowRightShortIcon, Switch, Checkbox, Sheet, SheetTrigger, SheetContent, SettingFillIcon, Spinner, PopoverRoot, PopoverTrigger, PopoverContent, Select, Popover, CaretUpIcon, CaretDownIcon, Picker } from '@orderly.network/ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useBadgeBySymbol, useGetRwaSymbolOpenStatus, useLocalStorage, useGetRwaSymbolInfo, useSymbolsInfo, useGetRwaSymbolCloseTimeInterval, usePositionStream, useOrderStream, useAccount, useFundingDetails, useFundingRateBySymbol, useFundingRate, useOrderbookStream, useEventEmitter, useCollateral, useMarginRatio, useLeverage, useDebouncedCallback, useMediaQuery, useAssetsHistory, useWalletConnector, useConfig, useMutation, useChains, useReferralInfo, useCurEpochEstimate, TWType, useEpochInfo, useMarketTradeStream, useAccountInstance, useComputedLTV, useTickerStream } from '@orderly.network/hooks';
 import React12, { forwardRef, useMemo, createContext, useEffect, useState, useRef, useCallback, useContext, createElement } from 'react';
 import { useDataTap, useAppContext } from '@orderly.network/react-app';
 import { TradingviewFullscreenKey, OrderEntrySortKeys, AlgoOrderRootType, OrderStatus, OrderSide, AccountStatusEnum, AssetHistoryStatusEnum, AssetHistorySideEnum, ChainNamespace, EMPTY_LIST } from '@orderly.network/types';
 import { i18n, useTranslation, Trans } from '@orderly.network/i18n';
-import { injectable, cn, Button, formatAddress, registerSimpleDialog, registerSimpleSheet, Box, Flex, Text, toast as toast$1, useScreen, ExclamationFillIcon, CloseIcon, TooltipRoot, TooltipTrigger, TooltipContent as TooltipContent$1, TooltipArrow, parseNumber, Divider, ListView, Grid, ArrowDownShortIcon, gradientTextVariants, EyeIcon, EyeCloseIcon, ChevronDownIcon, modal, Tooltip, Tabs, TabPanel, DropdownMenuRoot, DropdownMenuTrigger, DropdownMenuPortal, DropdownMenuContent, Statistic, RefreshIcon, ArrowLeftRightIcon, ArrowUpShortIcon, InfoCircleIcon, NewsFillIcon, SimpleSheet, SimpleDialog, ChainIcon, useModal, ArrowRightShortIcon, Switch, Checkbox, Sheet, SheetTrigger, SheetContent, SettingFillIcon, Spinner, PopoverRoot, PopoverTrigger, PopoverContent, Select, Popover, CaretUpIcon, CaretDownIcon, Picker } from '@orderly.network/ui';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { PositionHistoryWidget, LiquidationWidget, PositionsWidget, CloseAllPositionsWidget, MobileLiquidationWidget, MobilePositionsWidget, MobilePositionHistoryWidget, useReversePositionEnabled } from '@orderly.network/ui-positions';
 import { Decimal, getPrecisionByNumber, commifyOptional, removeTrailingZeros, isTestnet, formatSymbol, optimizeSymbolDisplay } from '@orderly.network/utils';
 import { AssetsModule } from '@orderly.network/portfolio';
@@ -31,6 +31,17 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var DataListDesktopTabsTarget, DataListDesktopTabs, InjectableDataListDesktopTabs;
+var init_dataList_injectable = __esm({
+  "src/components/desktop/dataList/dataList.injectable.tsx"() {
+    DataListDesktopTabsTarget = "Trading.DataList.Desktop.Tabs";
+    DataListDesktopTabs = ({ items }) => /* @__PURE__ */ jsx(Fragment, { children: items.map((tab) => /* @__PURE__ */ jsx(TabPanel, { value: tab.id, title: tab.title, children: tab.content }, tab.id)) });
+    InjectableDataListDesktopTabs = injectable(
+      DataListDesktopTabs,
+      DataListDesktopTabsTarget
+    );
+  }
+});
 var useTradingLocalStorage;
 var init_useTradingLocalStorage = __esm({
   "src/hooks/useTradingLocalStorage.ts"() {
@@ -696,6 +707,7 @@ var init_positionHeader = __esm({
 var LazySettingWidget, LazyPositionHeaderWidget, PositionsView, LiquidationTab, DataList;
 var init_dataList_ui = __esm({
   "src/components/desktop/dataList/dataList.ui.tsx"() {
+    init_dataList_injectable();
     init_dataList_script();
     LazySettingWidget = React12.lazy(
       () => Promise.resolve().then(() => (init_setting(), setting_exports)).then((mod) => {
@@ -887,7 +899,7 @@ var init_dataList_ui = __esm({
           )
         }
       ];
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsxs(
         Tabs,
         {
           className: "oui-trading-dataList-tabs oui-h-full",
@@ -909,10 +921,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__ */ createElement(TabPanel, { ...rest, key: `item-${rest.value}` }, content);
-          })
+          children: [
+            tabPanelItems.map((item) => {
+              const { content, ...rest } = item;
+              return /* @__PURE__ */ createElement(TabPanel, { ...rest, key: `item-${rest.value}` }, content);
+            }),
+            /* @__PURE__ */ jsx(InjectableDataListDesktopTabs, { items: [] })
+          ]
         }
       );
     };
@@ -934,12 +949,15 @@ var init_dataList_widget = __esm({
 var dataList_exports = {};
 __export(dataList_exports, {
   DataList: () => DataList,
-  DataListWidget: () => DataListWidget
+  DataListDesktopTabsTarget: () => DataListDesktopTabsTarget,
+  DataListWidget: () => DataListWidget,
+  InjectableDataListDesktopTabs: () => InjectableDataListDesktopTabs
 });
 var init_dataList = __esm({
   "src/components/desktop/dataList/index.ts"() {
     init_dataList_ui();
     init_dataList_widget();
+    init_dataList_injectable();
   }
 });
 var LastTrades, Row, Header, List;
@@ -5872,6 +5890,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__ */ jsx(Fragment, { children: items.map((tab) => /* @__PURE__ */ jsx(TabPanel, { value: tab.id, title: tab.title, children: tab.content }, tab.id)) });
+    InjectableDataListMobileTabs = injectable(
+      DataListMobileTabs,
+      DataListMobileTabsTarget
+    );
+  }
+});
 var useDataListScript2, getDialogInfo;
 var init_dataList_script2 = __esm({
   "src/components/mobile/dataList/dataList.script.tsx"() {
@@ -5983,6 +6012,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.lazy(
       () => Promise.resolve().then(() => (init_positionHeader(), positionHeader_exports)).then((mod) => {
@@ -6199,7 +6229,7 @@ var init_dataList_ui2 = __esm({
           content: /* @__PURE__ */ jsx(AssetsModule.AssetsWidget, {})
         }
       ];
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsxs(
         Tabs,
         {
           value: tab,
@@ -6210,10 +6240,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__ */ createElement(TabPanel, { ...rest, key: `item-${rest.value}` }, content);
-          })
+          children: [
+            tabPanelItems.map((item) => {
+              const { content, ...rest } = item;
+              return /* @__PURE__ */ createElement(TabPanel, { ...rest, key: `item-${rest.value}` }, content);
+            }),
+            /* @__PURE__ */ jsx(InjectableDataListMobileTabs, { items: [] })
+          ]
         }
       );
     };
@@ -6235,7 +6268,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({
@@ -6243,6 +6278,7 @@ var init_dataList2 = __esm({
     init_dataList_ui2();
     init_dataList_widget2();
     init_dataList_script2();
+    init_dataList_injectable2();
   }
 });
 
@@ -9148,12 +9184,6 @@ var DesktopLayout4 = (props) => {
     }
   );
 };
-
-// src/pages/trading/trading.injectable.tsx
-var InjectableDesktopLayout = injectable(
-  DesktopLayout4,
-  "Trading.Layout.Desktop"
-);
 var Countdown = ({
   timeInterval
 }) => {
@@ -9410,11 +9440,21 @@ var MobileLayout4 = (props) => {
     ) })
   ] }) });
 };
+
+// src/pages/trading/trading.injectable.tsx
+var InjectableDesktopLayout = injectable(
+  DesktopLayout4,
+  "Trading.Layout.Desktop"
+);
+var InjectableMobileLayout = injectable(
+  MobileLayout4,
+  "Trading.Layout.Mobile"
+);
 var Trading = (props) => {
   const { isMobile } = useScreen();
   const { t } = useTranslation();
   if (isMobile) {
-    return /* @__PURE__ */ jsx(MobileLayout4, { ...props });
+    return /* @__PURE__ */ jsx(InjectableMobileLayout, { ...props });
   }
   return /* @__PURE__ */ jsx(
     InjectableDesktopLayout,
@@ -9469,6 +9509,6 @@ var TradingPage = (props) => {
 init_tradingPageContext();
 init_hooks();
 
-export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, BuySellRatioBar, DataList, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook2 as OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookProvider, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, RiskRate, RiskRateWidget, SplitLayout, Trading, TradingPage, TradingPageContext, TradingPageProvider, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookContext, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };
+export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, BuySellRatioBar, DataList, DataListDesktopTabsTarget, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, InjectableDataListDesktopTabs, LastTrades, LastTradesWidget, OrderBook2 as OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookProvider, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, RiskRate, RiskRateWidget, SplitLayout, Trading, TradingPage, TradingPageContext, TradingPageProvider, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookContext, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map