@aptos-labs/wallet-adapter-ant-design 1.1.3 → 1.2.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @aptos-labs/wallet-adapter-ant-design
 
+## 1.2.0
+
+### Minor Changes
+
+- 927cfc6: Add an optional prop for WalletSelector to handle modal open
+
 ## 1.1.3
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1,3 +1,6 @@
-declare function WalletSelector(): JSX.Element;
+declare type WalletSelectorProps = {
+    isModalOpen?: boolean;
+};
+declare function WalletSelector({ isModalOpen }: WalletSelectorProps): JSX.Element;
 
 export { WalletSelector };

package/dist/index.js

@@ -39,8 +39,13 @@ var truncateAddress = (address) => {
 // src/WalletSelector.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var { Text } = import_antd.Typography;
-function WalletSelector() {
+function WalletSelector({ isModalOpen }) {
   const [walletSelectorModalOpen, setWalletSelectorModalOpen] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (isModalOpen !== void 0) {
+      setWalletSelectorModalOpen(isModalOpen);
+    }
+  }, [isModalOpen]);
   const { connect, disconnect, account, wallets, connected } = (0, import_wallet_adapter_react.useWallet)();
   const onWalletButtonClick = () => {
     if (connected) {

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/WalletSelector.tsx
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { Button, Menu, Modal, Typography } from "antd";
 import {
   isRedirectable,
@@ -17,8 +17,13 @@ var truncateAddress = (address) => {
 // src/WalletSelector.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var { Text } = Typography;
-function WalletSelector() {
+function WalletSelector({ isModalOpen }) {
   const [walletSelectorModalOpen, setWalletSelectorModalOpen] = useState(false);
+  useEffect(() => {
+    if (isModalOpen !== void 0) {
+      setWalletSelectorModalOpen(isModalOpen);
+    }
+  }, [isModalOpen]);
   const { connect, disconnect, account, wallets, connected } = useWallet();
   const onWalletButtonClick = () => {
     if (connected) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-ant-design",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "Aptos Wallet Adapter ant-design",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/WalletSelector.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useEffect, useState } from "react";
 import { Button, Menu, Modal, Typography } from "antd";
 import {
   isRedirectable,
@@ -11,8 +11,19 @@ import "./styles.css";
 import { truncateAddress } from "./utils";
 const { Text } = Typography;
 
-export function WalletSelector() {
+type WalletSelectorProps = {
+  isModalOpen?: boolean;
+};
+
+export function WalletSelector({ isModalOpen }: WalletSelectorProps) {
   const [walletSelectorModalOpen, setWalletSelectorModalOpen] = useState(false);
+
+  useEffect(() => {
+    if (isModalOpen !== undefined) {
+      setWalletSelectorModalOpen(isModalOpen);
+    }
+  }, [isModalOpen]);
+
   const { connect, disconnect, account, wallets, connected } = useWallet();
 
   const onWalletButtonClick = () => {