@broxus/evm-connect 1.6.0 → 1.7.1

package/dist/esm/components/EvmConnectDialog/index.css

@@ -86,6 +86,18 @@
     color: var(--close-hover-color, #383838);
 }
 
+.evm-modal-page {
+    box-sizing: border-box;
+    overflow-y: clip;
+    padding-right: var(--global-scroll-width, 17px);
+}
+
+.tvm-modal-page body {
+    overflow: hidden;
+    overflow: clip;
+    width: 100%;
+}
+
 /* WalletConnect Modal */
 .wcm-overlay {
     --wcm-z-index: calc(var(--modal-z-index) + 20);

package/dist/esm/components/EvmConnectDialog/index.js

@@ -1,5 +1,5 @@
 import { Close } from '@broxus/react-components';
-import { Component, Drawer, Modal, Text } from '@broxus/react-uikit';
+import { Component, Drawer, Modal, Text, addModalMode, removeModalMode } from '@broxus/react-uikit';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import * as React from 'react';
@@ -12,11 +12,18 @@ export const EvmConnectDialog = observer(({ className, open, type, onClose }) =>
     const intl = useIntl();
     const walletProviders = useEvmWalletProviders();
     const onClosed = () => {
+        removeModalMode('evm-modal-page');
         walletProviders.reset();
     };
     const close = () => {
         onClose?.();
     };
+    React.useEffect(() => {
+        if (open) {
+            addModalMode('evm-modal-page');
+        }
+    }, [open]);
+    React.useEffect(() => () => onClosed(), []);
     if (type === 'drawer') {
         return (React.createElement(Drawer, { className: className, destroyOnClose: true, keyboard: !walletProviders.connectingProvider, maskClosable: !walletProviders.connectingProvider, motion: {
                 motionLeave: true,

package/dist/esm/context/EvmWalletServiceContext.d.ts

@@ -2,10 +2,10 @@ import * as React from 'react';
 import { EvmWalletService, type EvmWalletServiceCtorParams } from '../services';
 export declare const EvmWalletServiceContext: React.Context<EvmWalletService | null>;
 export declare function useEvmWalletService(): EvmWalletService;
-type EvmWalletProviderProps = React.PropsWithChildren<{
+interface EvmWalletProviderProps {
     agreementsNote?: React.ReactNode;
     params?: EvmWalletServiceCtorParams;
     wallet?: EvmWalletService;
-}>;
-export declare function EvmWalletServiceProvider({ agreementsNote, children, params, wallet, }: EvmWalletProviderProps): React.JSX.Element;
+}
+export declare function EvmWalletServiceProvider({ agreementsNote, children, params, wallet, }: React.PropsWithChildren<EvmWalletProviderProps>): React.JSX.Element;
 export {};