@xyo-network/react-connected-accounts 3.0.1 → 3.0.3

package/src/components/wallet/table/cells/Accounts.tsx

@@ -1,7 +1,9 @@
-import { TableCell, Tooltip, Typography } from '@mui/material'
+import {
+  TableCell, Tooltip, Typography,
+} from '@mui/material'
 import React from 'react'
 
-import { ConnectedWalletTableCellProps } from './lib/index.ts'
+import type { ConnectedWalletTableCellProps } from './lib/index.ts'
 
 export const ConnectedWalletsAccountsTableCell: React.FC<ConnectedWalletTableCellProps> = ({
   additionalAccounts,

package/src/components/wallet/table/cells/Actions.tsx

@@ -1,11 +1,15 @@
 import { Check, InfoOutlined } from '@mui/icons-material'
-import { Button, IconButton, TableCell, Typography } from '@mui/material'
+import {
+  Button, IconButton, TableCell, Typography,
+} from '@mui/material'
 import { FlexRow } from '@xylabs/react-flexbox'
 import React from 'react'
 
-import { ConnectedWalletTableCellProps } from './lib/index.ts'
+import type { ConnectedWalletTableCellProps } from './lib/index.ts'
 
-export const ConnectedWalletsActionsTableCell: React.FC<ConnectedWalletTableCellProps> = ({ connected, onConnect, onRevoke, tableCellProps }) => {
+export const ConnectedWalletsActionsTableCell: React.FC<ConnectedWalletTableCellProps> = ({
+  connected, onConnect, onRevoke, tableCellProps,
+}) => {
   return (
     <TableCell {...tableCellProps}>
       <FlexRow gap={2} justifyContent="start">

package/src/components/wallet/table/cells/Cells.tsx

@@ -1,9 +1,9 @@
-import { ComponentType } from 'react'
+import type { ComponentType } from 'react'
 
 import { ConnectedWalletsAccountsTableCell } from './Accounts.tsx'
 import { ConnectedWalletsActionsTableCell } from './Actions.tsx'
 import { ConnectedWalletsChainNameTableCell } from './ChainName.tsx'
-import { ConnectedWalletTableCellProps } from './lib/index.ts'
+import type { ConnectedWalletTableCellProps } from './lib/index.ts'
 import { ConnectedWalletState } from './State.tsx'
 import { ConnectedWalletsWalletTableCell } from './Wallet.tsx'
 

package/src/components/wallet/table/cells/ChainName.tsx

@@ -1,7 +1,7 @@
 import { TableCell } from '@mui/material'
 import React from 'react'
 
-import { ConnectedWalletTableCellProps } from './lib/index.ts'
+import type { ConnectedWalletTableCellProps } from './lib/index.ts'
 
 export const ConnectedWalletsChainNameTableCell: React.FC<ConnectedWalletTableCellProps> = ({ chainName, tableCellProps }) => {
   return <TableCell {...tableCellProps}>{chainName}</TableCell>

package/src/components/wallet/table/cells/State.tsx

@@ -1,11 +1,16 @@
 import { Switch, TableCell } from '@mui/material'
-import React, { ChangeEvent, useMemo } from 'react'
+import type { ChangeEvent } from 'react'
+import React, { useMemo } from 'react'
 
 import { useEnabledWallets } from '../../../../hooks/index.ts'
-import { ConnectedWalletTableCellProps } from './lib/index.ts'
+import type { ConnectedWalletTableCellProps } from './lib/index.ts'
 
-export const ConnectedWalletState: React.FC<ConnectedWalletTableCellProps> = ({ connected, walletRdns, tableCellProps }) => {
-  const { disableWallet, enableWallet, wallets } = useEnabledWallets()
+export const ConnectedWalletState: React.FC<ConnectedWalletTableCellProps> = ({
+  connected, walletRdns, tableCellProps,
+}) => {
+  const {
+    disableWallet, enableWallet, wallets,
+  } = useEnabledWallets()
 
   const enabled = useMemo(() => (walletRdns ? wallets[walletRdns].enabled : false), [wallets, walletRdns])
 

package/src/components/wallet/table/cells/Wallet.tsx

@@ -3,9 +3,11 @@ import { ConstrainedImage } from '@xylabs/react-crypto'
 import { FlexRow } from '@xylabs/react-flexbox'
 import React from 'react'
 
-import { ConnectedWalletTableCellProps } from './lib/index.ts'
+import type { ConnectedWalletTableCellProps } from './lib/index.ts'
 
-export const ConnectedWalletsWalletTableCell: React.FC<ConnectedWalletTableCellProps> = ({ icon, walletName, tableCellProps }) => {
+export const ConnectedWalletsWalletTableCell: React.FC<ConnectedWalletTableCellProps> = ({
+  icon, walletName, tableCellProps,
+}) => {
   const theme = useTheme()
 
   return (

package/src/components/wallet/table/cells/lib/ConnectedWalletTableCellProps.tsx

@@ -1,4 +1,4 @@
-import { TableCellProps } from '@mui/material'
+import type { TableCellProps } from '@mui/material'
 
 export interface ConnectedWalletTableCellProps {
   additionalAccounts?: string[]

package/src/components/wallet/table/hooks/useActiveProviderDialogState.tsx

@@ -1,6 +1,7 @@
-import { Dispatch, SetStateAction, useState } from 'react'
+import type { Dispatch, SetStateAction } from 'react'
+import { useState } from 'react'
 
-import { ActiveProvider } from '../../lib/index.ts'
+import type { ActiveProvider } from '../../lib/index.ts'
 
 export const useActiveProviderDialogState = (
   setActiveProvider: Dispatch<SetStateAction<ActiveProvider | undefined>>,

package/src/hooks/useDetectWallets.tsx

@@ -1,5 +1,8 @@
-import { AccountsChangedEventName, DiscoveredWallets, EIP6963Connector, useWalletDiscovery } from '@xylabs/react-crypto'
-import { useEffect, useMemo, useState } from 'react'
+import type { DiscoveredWallets, EIP6963Connector } from '@xylabs/react-crypto'
+import { AccountsChangedEventName, useWalletDiscovery } from '@xylabs/react-crypto'
+import {
+  useEffect, useMemo, useState,
+} from 'react'
 
 const sortWallets = (wallets: DiscoveredWallets) =>
   // eslint-disable-next-line unicorn/no-array-reduce
@@ -26,6 +29,7 @@ export const useDetectedWallets = () => {
     const listener: (event: CustomEventInit) => void = () => {
       setRefresh(refresh => refresh + 1)
     }
+    // eslint-disable-next-line @eslint-react/web-api/no-leaked-event-listener
     window.addEventListener(AccountsChangedEventName, listener)
 
     return () => {

package/src/hooks/useEnabledWallets.tsx

@@ -1,7 +1,8 @@
 import { useWalletDiscovery } from '@xylabs/react-crypto'
 import { useMemo, useSyncExternalStore } from 'react'
 
-import { EnabledEthWalletConnections, EnabledEthWalletsState, EnabledWalletsSavedState } from '../classes/index.ts'
+import type { EnabledEthWalletsState, EnabledWalletsSavedState } from '../classes/index.ts'
+import { EnabledEthWalletConnections } from '../classes/index.ts'
 
 let enabledEthWallets: EnabledEthWalletConnections | undefined
 

package/xy.config.ts

@@ -1,9 +1,7 @@
-import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: true,
-    },
+    browser: { src: true },
     node: {},
     neutral: {},
   },