@orderly.network/portfolio 3.0.1 → 3.0.2-alpha.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import React12, { createContext, useMemo, useId, useContext, useState, useCallback, useRef, createElement, useEffect } from 'react';
-import { useLocalStorage, useAccount, useIndexPricesStream, useCollateral, usePrivateQuery, useStatisticsDaily, useUserStatistics, useBalanceTopic, useAssetsHistory, useFeeState, useMediaQuery, useAccountInfo, useWalletConnector, usePositionStream, useLeverage, useMaxWithdrawal, useGetClaimed, DistributionId, TWType, useCurEpochEstimate, useAllBrokers, noCacheConfig, useEpochInfo, useConfig, useGetEnv, useMutation, useOrderlyContext, useDebouncedCallback, useAppStore, parseJSON, useChains, useTransferHistory, useChainInfo, useBadgeBySymbol, useSymbolsInfo, useFundingFeeHistory, useSubAccountQuery, useApiKeyManager, useDistributionHistory, useVaultsHistory } from '@orderly.network/hooks';
+import { useLocalStorage, useAccount, useIndexPricesStream, useCollateral, usePrivateQuery, useStatisticsDaily, useUserStatistics, useBalanceTopic, useAssetsHistory, useFeeState, useAccountInfo, useWalletConnector, usePositionStream, useLeverage, useMaxWithdrawal, useGetClaimed, DistributionId, TWType, useCurEpochEstimate, useAllBrokers, noCacheConfig, useEpochInfo, useConfig, useGetEnv, useMutation, useOrderlyContext, useDebouncedCallback, useAppStore, parseJSON, useChains, useTransferHistory, useChainInfo, useBadgeBySymbol, useSymbolsInfo, useFundingFeeHistory, useSubAccountQuery, useApiKeyManager, useDistributionHistory, useVaultsHistory } from '@orderly.network/hooks';
 import { useAppContext, useDataTap, useCanTrade } from '@orderly.network/react-app';
 import { AccountStatusEnum, ChainNamespace, EMPTY_LIST, AssetHistoryStatusEnum, AssetHistorySideEnum } from '@orderly.network/types';
 import { registerSimpleSheet, registerSimpleDialog, Tabs, TabPanel, Flex, Text, modal, useModal, SimpleDialog, DataTable, SimpleSheet, TokenIcon, Divider, toast, useScreen, CardTitle, Select, Box, cn, Statistic, CopyIcon, Grid, formatAddress, DataFilter, Tooltip, InfoCircleIcon, Button, EmptyDataState, Card, Either, gradientTextVariants, EyeIcon, EyeCloseIcon, useOrderlyTheme, ArrowDownSquareFillIcon, ArrowLeftRightIcon, ArrowUpSquareFillIcon, ArrowRightShortIcon, CalendarMinusIcon, AffiliateIcon, ChevronRightIcon, TraderMobileIcon, SettingFillIcon, Switch, ChainIcon, capitalizeFirstLetter, usePagination, ListView, Badge, ArrowDownShortIcon, ScrollIndicator, PlusIcon, SymbolBadge as SymbolBadge$1, FeeTierIcon, ServerFillIcon, ArrowLeftRightSquareFill, VaultsIcon } from '@orderly.network/ui';
@@ -2386,8 +2386,7 @@ var init_assets_ui_desktop = __esm({
           AuthGuardDataTable,
           {
             classNames: {
-              root: "oui-rounded-xl oui-font-semibold",
-              scroll: "oui-h-[252px]"
+              root: "oui-rounded-xl oui-font-semibold"
             },
             loading: props.canTrade,
             columns: [],
@@ -2395,7 +2394,7 @@ var init_assets_ui_desktop = __esm({
           }
         );
       }
-      return /* @__PURE__ */ jsxs(Flex, { width: "100%", height: "100%", direction: "column", className: root, children: [
+      return /* @__PURE__ */ jsxs(Flex, { width: "100%", direction: "column", className: root, children: [
         /* @__PURE__ */ jsx(
           DataFilterSection,
           {
@@ -2438,8 +2437,10 @@ var init_assets_ui_desktop = __esm({
                     bordered: true,
                     className: "oui-font-semibold",
                     classNames: {
-                      // root: "oui-bg-transparent",
-                      // scroll: "oui-min-h-0",
+                      scroll: cn(
+                        "oui-h-auto oui-min-h-0 oui-overflow-x-auto oui-overflow-y-visible",
+                        dataTableClassNames?.scroll
+                      ),
                       ...dataTableClassNames
                     },
                     columns,
@@ -2458,7 +2459,7 @@ var init_assets_ui_desktop = __esm({
       return /* @__PURE__ */ jsx(
         Card,
         {
-          className: "oui-bg-transparent oui-p-0 oui-border-none oui-shadow-none",
+          className: "oui-border-none oui-bg-transparent oui-p-0 oui-shadow-none",
           classNames: { content: "!oui-pt-0" },
           children: /* @__PURE__ */ jsxs(
             Tabs,
@@ -6322,7 +6323,7 @@ var usePortfolioLayoutScript = (props) => {
       }
     ];
   }, [t]);
-  const hideSideBar = useMediaQuery("(max-width: 768px)");
+  const { isMobile: hideSideBar } = useScreen();
   return {
     items,
     current,