[mui] Using new submodule

Author: hardsetting

packages/wallet-adapter-mui-design/package.json

@@ -43,6 +43,7 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
+    "@aptos-labs/wallet-adapter-core": "workspace:*",
     "@aptos-labs/wallet-adapter-react": "workspace:*",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",

packages/wallet-adapter-mui-design/src/WalletButton.tsx

@@ -1,4 +1,5 @@
-import { truncateAddress, useActiveWallet } from "@aptos-labs/wallet-adapter-react";
+import { truncateAddress } from "@aptos-labs/wallet-adapter-react";
+import { useActiveWallet } from "@aptos-labs/wallet-adapter-react/new";
 import { AccountBalanceWalletOutlined as AccountBalanceWalletOutlinedIcon } from "@mui/icons-material";
 import { Avatar, Button, Typography } from "@mui/material";
 import React, { useState } from "react";

packages/wallet-adapter-mui-design/src/WalletMenu.tsx

@@ -1,4 +1,4 @@
-import { ConnectedWallet, useWallet } from "@aptos-labs/wallet-adapter-react";
+import { ConnectedWallet } from "@aptos-labs/wallet-adapter-react/new";
 import {
   List,
   ListItem,

packages/wallet-adapter-mui-design/src/WalletsModal.tsx

@@ -2,14 +2,13 @@ import {
   AboutAptosConnect,
   AboutAptosConnectEducationScreen,
   AptosPrivacyPolicy,
-  NewWalletItem as WalletItem,
   WalletSortingOptions,
-  useAvailableWallets, AdaptedWallet,
 } from "@aptos-labs/wallet-adapter-react";
+import { WalletItem, useAvailableWallets } from "@aptos-labs/wallet-adapter-react/new";
+import { AdaptedWallet } from "@aptos-labs/wallet-adapter-core/new";
 import {
   Box,
   Button,
-  Collapse,
   Dialog,
   Divider,
   IconButton,
@@ -25,10 +24,9 @@ import {
   ArrowBack,
   ArrowForward,
   Close as CloseIcon,
-  ExpandMore,
   LanOutlined as LanOutlinedIcon,
 } from "@mui/icons-material";
-import { useMemo, useState } from "react";
+import { useMemo } from "react";
 import { WalletConnectorProps } from "./WalletConnector";
 
 interface WalletsModalProps
@@ -43,10 +41,8 @@ export default function WalletsModal({
                                        modalOpen,
                                        networkSupport,
                                        modalMaxWidth,
-                                       ...walletSortingOptions
                                      }: WalletsModalProps): JSX.Element {
   const theme = useTheme();
-  const [expanded, setExpanded] = useState(false);
 
   const availableWallets = useAvailableWallets();
   const [acWallets, otherWallets] = useMemo(() => {

packages/wallet-adapter-mui-design/tsconfig.json

@@ -1,5 +1,8 @@
 {
   "extends": "@aptos-labs/wallet-adapter-tsconfig/react-library.json",
+  "compilerOptions": {
+    "moduleResolution": "bundler"
+  },
   "include": ["."],
   "exclude": ["dist", "build", "node_modules"]
 }