@orderly.network/markets 2.8.12 → 2.8.13-alpha.0

package/dist/index.d.mts

@@ -5,7 +5,7 @@ import { SortOrder, Column, TableSort, DataTableClassNames, FormattedTextProps }
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, RouterAdapter } from '@orderly.network/types';
 import * as _orderly_network_hooks from '@orderly.network/hooks';
-import { useMarkets, FavoriteTab, Favorite } from '@orderly.network/hooks';
+import { useMarkets, MarketsType, FavoriteTab, Favorite } from '@orderly.network/hooks';
 import { LeftNavProps } from '@orderly.network/ui-scaffold';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -107,13 +107,19 @@ type MarketsDataListProps = UseMarketsDataListScript;
 declare const MarketsDataList: react__default.FC<MarketsDataListProps>;
 
 type MarketsListFullWidgetProps = {
-    type?: "all" | "new";
+    type?: MarketsListFullType;
     initialSort?: SortType;
 };
 declare const MarketsListFullWidget: React.FC<MarketsListFullWidgetProps>;
 
 type UseMarketsListFullScriptOptions = MarketsListFullWidgetProps;
 type UseMarketsListFullReturn = ReturnType<typeof useMarketsListFullScript>;
+declare const MarketsTypeMap: {
+    all: MarketsType;
+    new: MarketsType;
+    rwa: MarketsType;
+};
+type MarketsListFullType = keyof typeof MarketsTypeMap;
 declare const useMarketsListFullScript: (options: UseMarketsListFullScriptOptions) => {
     loading: boolean;
     dataSource: any[];
@@ -153,7 +159,7 @@ declare const useMarketsListFullScript: (options: UseMarketsListFullScriptOption
 };
 
 type MarketsListFullProps = UseMarketsListFullReturn & {
-    type?: "all" | "new";
+    type?: MarketsListFullType;
 };
 declare const MarketsListFull: FC<MarketsListFullProps>;
 

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import { SortOrder, Column, TableSort, DataTableClassNames, FormattedTextProps }
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, RouterAdapter } from '@orderly.network/types';
 import * as _orderly_network_hooks from '@orderly.network/hooks';
-import { useMarkets, FavoriteTab, Favorite } from '@orderly.network/hooks';
+import { useMarkets, MarketsType, FavoriteTab, Favorite } from '@orderly.network/hooks';
 import { LeftNavProps } from '@orderly.network/ui-scaffold';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -107,13 +107,19 @@ type MarketsDataListProps = UseMarketsDataListScript;
 declare const MarketsDataList: react__default.FC<MarketsDataListProps>;
 
 type MarketsListFullWidgetProps = {
-    type?: "all" | "new";
+    type?: MarketsListFullType;
     initialSort?: SortType;
 };
 declare const MarketsListFullWidget: React.FC<MarketsListFullWidgetProps>;
 
 type UseMarketsListFullScriptOptions = MarketsListFullWidgetProps;
 type UseMarketsListFullReturn = ReturnType<typeof useMarketsListFullScript>;
+declare const MarketsTypeMap: {
+    all: MarketsType;
+    new: MarketsType;
+    rwa: MarketsType;
+};
+type MarketsListFullType = keyof typeof MarketsTypeMap;
 declare const useMarketsListFullScript: (options: UseMarketsListFullScriptOptions) => {
     loading: boolean;
     dataSource: any[];
@@ -153,7 +159,7 @@ declare const useMarketsListFullScript: (options: UseMarketsListFullScriptOption
 };
 
 type MarketsListFullProps = UseMarketsListFullReturn & {
-    type?: "all" | "new";
+    type?: MarketsListFullType;
 };
 declare const MarketsListFull: FC<MarketsListFullProps>;
 

package/dist/index.js

@@ -1857,9 +1857,23 @@ var init_marketsList = __esm({
     init_marketsList_widget();
   }
 });
-var RwaTab;
+var RwaIconTab, RwaTab;
 var init_rwaTab = __esm({
   "src/components/rwaTab.tsx"() {
+    RwaIconTab = (props) => {
+      const { iconSize = 12 } = props;
+      const { t } = i18n.useTranslation();
+      return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.RwaIcon,
+          {
+            size: iconSize,
+            className: "group-data-[state=active]:oui-text-base-contrast group-data-[state=inactive]:oui-text-base-contrast-36"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: t("common.rwa") })
+      ] });
+    };
     RwaTab = () => {
       const { t } = i18n.useTranslation();
       return /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 1, children: [
@@ -2531,7 +2545,7 @@ var init_marketsDataList_mobile_ui = __esm({
                 children: renderTab("all" /* All */)
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.TabPanel, { title: /* @__PURE__ */ jsxRuntime.jsx(RwaTab, {}), value: "rwa", children: renderTab("rwa" /* Rwa */) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.TabPanel, { title: /* @__PURE__ */ jsxRuntime.jsx(RwaIconTab, {}), value: "rwa", children: renderTab("rwa" /* Rwa */) }),
             /* @__PURE__ */ jsxRuntime.jsx(
               ui.TabPanel,
               {
@@ -2922,7 +2936,7 @@ var init_marketsListFull_ui = __esm({
                 onSymbolChange?.(record);
                 favorite.addToHistory(record);
               },
-              "data-testid": `oui-testid-markets-${type === "new" ? "newListing" : "all"}-tr-${record.symbol}`
+              "data-testid": `oui-testid-markets-${type === "new" ? "newListing" : type === "rwa" ? "rwa" : "all"}-tr-${record.symbol}`
             };
           },
           generatedRowKey: (record) => record.symbol,
@@ -2939,17 +2953,23 @@ var init_marketsListFull_ui = __esm({
     };
   }
 });
-exports.useMarketsListFullScript = void 0;
+var MarketsTypeMap2; exports.useMarketsListFullScript = void 0;
 var init_marketsListFull_script = __esm({
   "src/components/marketsListFull/marketsListFull.script.ts"() {
     init_marketsProvider();
     init_utils();
+    MarketsTypeMap2 = {
+      all: hooks.MarketsType.ALL,
+      new: hooks.MarketsType.NEW_LISTING,
+      rwa: hooks.MarketsType.RWA
+    };
     exports.useMarketsListFullScript = (options) => {
+      const { type = "all" } = options;
       const [loading, setLoading] = React6.useState(true);
       const { setPage, pagination } = ui.usePagination({
         pageSize: 10
       });
-      const [data, favorite] = hooks.useMarkets(hooks.MarketsType.ALL);
+      const [data, favorite] = hooks.useMarkets(MarketsTypeMap2[type]);
       const { searchValue } = useMarketsContext();
       const { onSort, getSortedList, sort } = useSort(options.initialSort);
       const dataSource = React6.useMemo(() => {
@@ -2963,17 +2983,17 @@ var init_marketsListFull_script = __esm({
         setPage(1);
       }, [searchValue]);
       React6.useEffect(() => {
-        if (options.type === "all") {
+        if (type === "all") {
           favorite.updateTabsSortState("all", sort?.sortKey, sort?.sortOrder);
         }
-      }, [sort, options.type]);
+      }, [sort, type]);
       const initialSort = React6.useMemo(() => {
-        const sortStore = options.type === "all" ? favorite.tabSort?.all : void 0;
+        const sortStore = type === "all" ? favorite.tabSort?.all : void 0;
         return {
           sortKey: sortStore?.sortKey || options?.initialSort?.sortKey,
           sort: sortStore?.sortOrder || options?.initialSort?.sortOrder
         };
-      }, [favorite.tabSort, options.initialSort, options.type]);
+      }, [favorite.tabSort, options.initialSort, type]);
       return {
         loading,
         dataSource,
@@ -3015,6 +3035,7 @@ var LazySearchInput, LazyFavoritesListFullWidget, LazyMarketsListFullWidget; exp
 var init_marketsDataList_ui = __esm({
   "src/pages/home/marketsDataList/marketsDataList.ui.tsx"() {
     init_favoritesEmpty();
+    init_rwaTab();
     init_icons();
     init_type();
     LazySearchInput = React6__default.default.lazy(
@@ -3079,6 +3100,21 @@ var init_marketsDataList_ui = __esm({
                 ) })
               }
             ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.TabPanel,
+              {
+                title: /* @__PURE__ */ jsxRuntime.jsx(RwaIconTab, {}),
+                value: "rwa",
+                testid: "oui-testid-markets-rwa-tab",
+                children: /* @__PURE__ */ jsxRuntime.jsx(React6__default.default.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  LazyMarketsListFullWidget,
+                  {
+                    type: "rwa",
+                    initialSort: { sortKey: "24h_amount", sortOrder: "desc" }
+                  }
+                ) })
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsx(
               ui.TabPanel,
               {
@@ -5005,7 +5041,7 @@ var SubMenuMarkets = (props) => {
                   onSort: onTabSort("all" /* All */)
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.TabPanel, { title: /* @__PURE__ */ jsxRuntime.jsx(RwaTab, {}), value: "rwa" /* Rwa */, children: /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(ui.TabPanel, { title: /* @__PURE__ */ jsxRuntime.jsx(RwaIconTab, {}), value: "rwa" /* Rwa */, children: /* @__PURE__ */ jsxRuntime.jsx(
                 MarketTabPanel,
                 {
                   type: "rwa" /* Rwa */,
@@ -6261,7 +6297,7 @@ var useHorizontalMarketsScript = (options) => {
     SIDE_MARKETS_SEL_TAB_KEY,
     defaultMarketType || "all"
   );
-  const MarketsTypeMap2 = {
+  const MarketsTypeMap3 = {
     all: hooks.MarketsType.ALL,
     recent: hooks.MarketsType.RECENT,
     newListing: hooks.MarketsType.NEW_LISTING,
@@ -6269,7 +6305,7 @@ var useHorizontalMarketsScript = (options) => {
   };
   const marketTypeKey = selectedMarketType || "all";
   const [markets, favorite] = hooks.useMarkets(
-    MarketsTypeMap2[marketTypeKey] || hooks.MarketsType.ALL
+    MarketsTypeMap3[marketTypeKey] || hooks.MarketsType.ALL
   );
   const filteredMarkets = React6.useMemo(() => {
     if (selectedMarketType === "favorites") {