@lifi/widget 3.29.0 → 3.29.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [3.29.1](https://github.com/lifinance/widget/compare/v3.29.0...v3.29.1) (2025-08-29)
+
+
+### Bug Fixes
+
+* prevent bottom sheets from mounting when hidden not to affect widget height ([#529](https://github.com/lifinance/widget/issues/529)) ([c11b2ec](https://github.com/lifinance/widget/commit/c11b2ecf7024f5db02495fed877d04dc0e12870d))
+
 ## [3.29.0](https://github.com/lifinance/widget/compare/v3.28.0...v3.29.0) (2025-08-28)
 
 

package/dist/esm/components/BottomSheet/BottomSheet.js

@@ -3,7 +3,7 @@ import { Drawer } from '@mui/material';
 import { forwardRef, startTransition, useCallback, useImperativeHandle, useRef, useState, } from 'react';
 import { useGetScrollableContainer } from '../../hooks/useScrollableContainer.js';
 import { modalProps, slotProps } from '../Dialog.js';
-export const BottomSheet = forwardRef(({ elementRef, children, open, onClose }, ref) => {
+export const BottomSheet = forwardRef(({ elementRef, children, open, onClose, keepMounted = false }, ref) => {
     const getContainer = useGetScrollableContainer();
     const openRef = useRef(open);
     const [drawerOpen, setDrawerOpen] = useState(open);
@@ -28,6 +28,6 @@ export const BottomSheet = forwardRef(({ elementRef, children, open, onClose },
         },
         close,
     }), [close]);
-    return (_jsx(Drawer, { container: getContainer, ref: elementRef, anchor: "bottom", open: drawerOpen, onClose: close, ModalProps: modalProps, slotProps: slotProps, disableAutoFocus: true, keepMounted: true, inert: isInert, children: children }));
+    return (_jsx(Drawer, { container: getContainer, ref: elementRef, anchor: "bottom", open: drawerOpen, onClose: close, ModalProps: modalProps, slotProps: slotProps, disableAutoFocus: true, keepMounted: keepMounted, inert: isInert, children: children }));
 });
 //# sourceMappingURL=BottomSheet.js.map

package/dist/esm/components/BottomSheet/BottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EACL,UAAU,EACV,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AACjF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGpD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/C,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAA;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;IAE7C,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,0CAA0C;QAC1C,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,oDAAoD;QACpD,gEAAgE;QAChE,eAAe,CAAC,GAAG,EAAE;YACnB,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;YACvB,OAAO,EAAE,EAAE,CAAA;QACb,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;QAC7B,IAAI,EAAE,GAAG,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,aAAa,CAAC,IAAI,CAAC,CAAA;YACnB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;QACxB,CAAC;QACD,KAAK;KACN,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAA;IAED,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,UAAU,EACf,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,gBAAgB,QAChB,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,OAAO,YAEb,QAAQ,GACF,CACV,CAAA;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"BottomSheet.js","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EACL,UAAU,EACV,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAA;AACjF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGpD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CACnC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAA;IAChD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;IAE7C,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,0CAA0C;QAC1C,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,oDAAoD;QACpD,gEAAgE;QAChE,eAAe,CAAC,GAAG,EAAE;YACnB,aAAa,CAAC,KAAK,CAAC,CAAA;YACpB,OAAO,CAAC,OAAO,GAAG,KAAK,CAAA;YACvB,OAAO,EAAE,EAAE,CAAA;QACb,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO;QAC7B,IAAI,EAAE,GAAG,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,aAAa,CAAC,IAAI,CAAC,CAAA;YACnB,OAAO,CAAC,OAAO,GAAG,IAAI,CAAA;QACxB,CAAC;QACD,KAAK;KACN,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAA;IAED,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,YAAY,EACvB,GAAG,EAAE,UAAU,EACf,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,gBAAgB,QAChB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,OAAO,YAEb,QAAQ,GACF,CACV,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/esm/components/BottomSheet/types.d.ts

@@ -3,6 +3,7 @@ import type { RefObject } from 'react';
 export type BottomSheetProps = Omit<DrawerProps, 'onClose'> & {
     elementRef?: RefObject<HTMLDivElement>;
     onClose?(): void;
+    keepMounted?: boolean;
 };
 export interface BottomSheetBase {
     isOpen(): void;

package/dist/esm/components/TokenList/TokenDetailsSheet.js

@@ -17,6 +17,6 @@ export const TokenDetailsSheet = forwardRef(({ chainId }, ref) => {
             bottomSheetRef.current?.close();
         },
     }), []);
-    return (_jsx(BottomSheet, { ref: bottomSheetRef, children: _jsx(TokenDetailsSheetContent, { ref: ref, tokenAddress: tokenAddress, withoutContractAddress: withoutContractAddress, chainId: chainId }) }));
+    return (_jsx(BottomSheet, { ref: bottomSheetRef, keepMounted: true, children: _jsx(TokenDetailsSheetContent, { ref: ref, tokenAddress: tokenAddress, withoutContractAddress: withoutContractAddress, chainId: chainId }) }));
 });
 //# sourceMappingURL=TokenDetailsSheet.js.map

package/dist/esm/components/TokenList/TokenDetailsSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenDetailsSheet.js","sourceRoot":"","sources":["../../../../src/components/TokenList/TokenDetailsSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAE3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAOxE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACrB,MAAM,cAAc,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,SAAS,CACV,CAAA;IACD,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3E,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE;QAC9C,IAAI,EAAE,CAAC,OAAe,EAAE,iBAA0B,EAAE,EAAE;YACpD,eAAe,CAAC,OAAO,CAAC,CAAA;YACxB,yBAAyB,CAAC,iBAAiB,CAAC,CAAA;YAC5C,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,CAAA;QAChC,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QACjC,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAA;IAED,OAAO,CACL,KAAC,WAAW,IAAC,GAAG,EAAE,cAAc,YAC9B,KAAC,wBAAwB,IACvB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,OAAO,GAChB,GACU,CACf,CAAA;AACH,CAAC,CAAC,CAAA"}
+{"version":3,"file":"TokenDetailsSheet.js","sourceRoot":"","sources":["../../../../src/components/TokenList/TokenDetailsSheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAE3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAA;AAOxE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAGzC,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACrB,MAAM,cAAc,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAC9C,SAAS,CACV,CAAA;IACD,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3E,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE;QAC9C,IAAI,EAAE,CAAC,OAAe,EAAE,iBAA0B,EAAE,EAAE;YACpD,eAAe,CAAC,OAAO,CAAC,CAAA;YACxB,yBAAyB,CAAC,iBAAiB,CAAC,CAAA;YAC5C,cAAc,CAAC,OAAO,EAAE,IAAI,EAAE,CAAA;QAChC,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;QACjC,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAA;IAED,OAAO,CACL,KAAC,WAAW,IAAC,GAAG,EAAE,cAAc,EAAE,WAAW,kBAC3C,KAAC,wBAAwB,IACvB,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,OAAO,GAChB,GACU,CACf,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist/esm/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "3.29.0";
+export declare const version = "3.29.1";

package/dist/esm/config/version.js

@@ -1,3 +1,3 @@
 export const name = '@lifi/widget';
-export const version = '3.29.0';
+export const version = '3.29.1';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.29.0",
+  "version": "3.29.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./dist/esm/index.js",
@@ -46,13 +46,13 @@
     "i18next": "^25.4.2",
     "microdiff": "^1.5.0",
     "mitt": "^3.0.1",
-    "react-i18next": "^15.7.2",
+    "react-i18next": "^15.7.3",
     "react-intersection-observer": "^9.16.0",
     "react-router-dom": "^6.30.0",
     "react-transition-group": "^4.4.5",
     "viem": "^2.36.0",
     "zustand": "^5.0.8",
-    "@lifi/wallet-management": "^3.15.0"
+    "@lifi/wallet-management": "^3.15.1"
   },
   "peerDependencies": {
     "@bigmi/react": ">=0.5.0",

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.29.0",
+  "version": "3.29.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./src/index.ts",
@@ -66,7 +66,7 @@
     "i18next": "^25.4.2",
     "microdiff": "^1.5.0",
     "mitt": "^3.0.1",
-    "react-i18next": "^15.7.2",
+    "react-i18next": "^15.7.3",
     "react-intersection-observer": "^9.16.0",
     "react-router-dom": "^6.30.0",
     "react-transition-group": "^4.4.5",

package/src/components/BottomSheet/BottomSheet.tsx

@@ -12,7 +12,7 @@ import { modalProps, slotProps } from '../Dialog.js'
 import type { BottomSheetBase, BottomSheetProps } from './types.js'
 
 export const BottomSheet = forwardRef<BottomSheetBase, BottomSheetProps>(
-  ({ elementRef, children, open, onClose }, ref) => {
+  ({ elementRef, children, open, onClose, keepMounted = false }, ref) => {
     const getContainer = useGetScrollableContainer()
     const openRef = useRef(open)
     const [drawerOpen, setDrawerOpen] = useState(open)
@@ -54,7 +54,7 @@ export const BottomSheet = forwardRef<BottomSheetBase, BottomSheetProps>(
         ModalProps={modalProps}
         slotProps={slotProps}
         disableAutoFocus
-        keepMounted={true}
+        keepMounted={keepMounted}
         inert={isInert}
       >
         {children}

package/src/components/BottomSheet/types.ts

@@ -4,6 +4,7 @@ import type { RefObject } from 'react'
 export type BottomSheetProps = Omit<DrawerProps, 'onClose'> & {
   elementRef?: RefObject<HTMLDivElement>
   onClose?(): void
+  keepMounted?: boolean
 }
 
 export interface BottomSheetBase {

package/src/components/TokenList/TokenDetailsSheet.tsx

@@ -35,7 +35,7 @@ export const TokenDetailsSheet = forwardRef<
   )
 
   return (
-    <BottomSheet ref={bottomSheetRef}>
+    <BottomSheet ref={bottomSheetRef} keepMounted>
       <TokenDetailsSheetContent
         ref={ref}
         tokenAddress={tokenAddress}

package/src/config/version.ts

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget'
-export const version = '3.29.0'
+export const version = '3.29.1'