@kodiak-finance/orderly-trading 2.9.4 → 2.9.5

package/dist/index.d.mts

@@ -13,6 +13,19 @@ import * as _kodiak_finance_orderly_hooks from '@kodiak-finance/orderly-hooks';
 import { SliderMarks } from '@kodiak-finance/orderly-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 "@kodiak-finance/orderly-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 _kodiak_finance_orderly_hooks from '@kodiak-finance/orderly-hooks';
 import { SliderMarks } from '@kodiak-finance/orderly-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 "@kodiak-finance/orderly-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,13 +1,13 @@
 'use strict';
 
 var orderlyUtils = require('@kodiak-finance/orderly-utils');
+var orderlyUi = require('@kodiak-finance/orderly-ui');
+var jsxRuntime = require('react/jsx-runtime');
 var orderlyHooks = require('@kodiak-finance/orderly-hooks');
 var React12 = require('react');
 var orderlyReactApp = require('@kodiak-finance/orderly-react-app');
 var orderlyTypes = require('@kodiak-finance/orderly-types');
 var orderlyI18n = require('@kodiak-finance/orderly-i18n');
-var orderlyUi = require('@kodiak-finance/orderly-ui');
-var jsxRuntime = require('react/jsx-runtime');
 var orderlyUiPositions = require('@kodiak-finance/orderly-ui-positions');
 var orderlyUiOrders = require('@kodiak-finance/orderly-ui-orders');
 var orderlyUiConnector = require('@kodiak-finance/orderly-ui-connector');
@@ -42,6 +42,17 @@ var init_csvExportService = __esm({
   "src/utils/csvExportService.ts"() {
   }
 });
+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(orderlyUi.TabPanel, { value: tab.id, title: tab.title, children: tab.content }, tab.id)) });
+    exports.InjectableDataListDesktopTabs = orderlyUi.injectable(
+      DataListDesktopTabs,
+      exports.DataListDesktopTabsTarget
+    );
+  }
+});
 exports.useTradingLocalStorage = void 0;
 var init_useTradingLocalStorage = __esm({
   "src/hooks/useTradingLocalStorage.ts"() {
@@ -707,6 +718,7 @@ var LazySettingWidget, LazyPositionHeaderWidget, PositionsView, LiquidationTab;
 var init_dataList_ui = __esm({
   "src/components/desktop/dataList/dataList.ui.tsx"() {
     init_csvExportService();
+    init_dataList_injectable();
     init_dataList_script();
     LazySettingWidget = React12__default.default.lazy(
       () => Promise.resolve().then(() => (init_setting(), setting_exports)).then((mod) => {
@@ -1018,7 +1030,7 @@ var init_dataList_ui = __esm({
         //   ),
         // },
       ];
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsxs(
         orderlyUi.Tabs,
         {
           defaultValue: current || "Positions" /* positions */,
@@ -1054,10 +1066,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(orderlyUi.TabPanel, { ...rest, key: `item-${rest.value}` }, content);
-          })
+          children: [
+            tabPanelItems.map((item) => {
+              const { content, ...rest } = item;
+              return /* @__PURE__ */ React12.createElement(orderlyUi.TabPanel, { ...rest, key: `item-${rest.value}` }, content);
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(exports.InjectableDataListDesktopTabs, { items: [] })
+          ]
         }
       );
     };
@@ -1079,12 +1094,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;
@@ -6024,6 +6042,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(orderlyUi.TabPanel, { value: tab.id, title: tab.title, children: tab.content }, tab.id)) });
+    InjectableDataListMobileTabs = orderlyUi.injectable(
+      DataListMobileTabs,
+      DataListMobileTabsTarget
+    );
+  }
+});
 var useDataListScript2, getDialogInfo;
 var init_dataList_script2 = __esm({
   "src/components/mobile/dataList/dataList.script.tsx"() {
@@ -6135,6 +6164,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) => {
@@ -6377,7 +6407,7 @@ var init_dataList_ui2 = __esm({
           content: /* @__PURE__ */ jsxRuntime.jsx(orderlyPortfolio.AssetsModule.AssetsWidget, {})
         }
       ];
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsxs(
         orderlyUi.Tabs,
         {
           value: tab,
@@ -6388,10 +6418,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(orderlyUi.TabPanel, { ...rest, key: `item-${rest.value}` }, content);
-          })
+          children: [
+            tabPanelItems.map((item) => {
+              const { content, ...rest } = item;
+              return /* @__PURE__ */ React12.createElement(orderlyUi.TabPanel, { ...rest, key: `item-${rest.value}` }, content);
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx(InjectableDataListMobileTabs, { items: [] })
+          ]
         }
       );
     };
@@ -6413,7 +6446,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({
@@ -6421,6 +6456,7 @@ var init_dataList2 = __esm({
     init_dataList_ui2();
     init_dataList_widget2();
     init_dataList_script2();
+    init_dataList_injectable2();
   }
 });
 
@@ -9306,12 +9342,6 @@ var DesktopLayout4 = (props) => {
     }
   );
 };
-
-// src/pages/trading/trading.injectable.tsx
-var InjectableDesktopLayout = orderlyUi.injectable(
-  DesktopLayout4,
-  "Trading.Layout.Desktop"
-);
 var Countdown = ({
   timeInterval
 }) => {
@@ -9418,12 +9448,12 @@ var MaybeEqual = () => {
 var MobileLayout4 = (props) => {
   const { t } = orderlyI18n.useTranslation();
   const { isRwa, open, closeTimeInterval } = orderlyHooks.useGetRwaSymbolInfo(props.symbol);
-  const { brokerId, brokerName, brokerNameRaw, displayName } = orderlyHooks.useBadgeBySymbol(
-    props.symbol
-  );
+  const symbolsInfo = orderlyHooks.useSymbolsInfo();
+  Boolean(symbolsInfo[props.symbol]?.("is_pretge"));
+  const { brokerId, brokerName, brokerNameRaw, displaySymbolName } = orderlyHooks.useBadgeBySymbol(props.symbol);
   const isCommunityListed = Boolean(brokerId ?? brokerName);
   const baseFromSymbol = props.symbol?.split("_")[1] ?? props.symbol ?? "";
-  const symbolWithBroker = brokerName != null ? `${baseFromSymbol}-${brokerNameRaw}` : displayName ?? props.symbol ?? "";
+  const symbolWithBroker = brokerName != null ? `${baseFromSymbol}-${brokerNameRaw}` : displaySymbolName ?? props.symbol ?? "";
   React12.useEffect(() => {
     if (isRwa && !open) {
       showRwaOutsideMarketHoursNotify();
@@ -9568,11 +9598,21 @@ var MobileLayout4 = (props) => {
     ) })
   ] }) });
 };
+
+// src/pages/trading/trading.injectable.tsx
+var InjectableDesktopLayout = orderlyUi.injectable(
+  DesktopLayout4,
+  "Trading.Layout.Desktop"
+);
+var InjectableMobileLayout = orderlyUi.injectable(
+  MobileLayout4,
+  "Trading.Layout.Mobile"
+);
 var Trading = (props) => {
   const { isMobile } = orderlyUi.useScreen();
   const { t } = orderlyI18n.useTranslation();
   if (isMobile) {
-    return /* @__PURE__ */ jsxRuntime.jsx(MobileLayout4, { ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx(InjectableMobileLayout, { ...props });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     InjectableDesktopLayout,