From 4ddfe66ad85ac73521c04bb9919908d67cdac829 Mon Sep 17 00:00:00 2001 From: MxKevinBeqo Date: Fri, 4 Sep 2026 16:16:08 +0200 Subject: [PATCH 1/2] fix(bottom-sheet-native): update deprecated prop with new one --- .../src/components/CustomModalSheet.tsx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/packages/pluggableWidgets/bottom-sheet-native/src/components/CustomModalSheet.tsx b/packages/pluggableWidgets/bottom-sheet-native/src/components/CustomModalSheet.tsx index 2f0fccea2..f4df0c66f 100644 --- a/packages/pluggableWidgets/bottom-sheet-native/src/components/CustomModalSheet.tsx +++ b/packages/pluggableWidgets/bottom-sheet-native/src/components/CustomModalSheet.tsx @@ -1,5 +1,6 @@ import { ReactElement, ReactNode, useCallback, useEffect, useRef, useState } from "react"; import { Modal, Pressable, useWindowDimensions } from "react-native"; +import { useSharedValue } from "react-native-reanimated"; import BottomSheet, { BottomSheetBackdrop, BottomSheetBackdropProps, @@ -17,6 +18,14 @@ interface CustomModalSheetProps { export const CustomModalSheet = (props: CustomModalSheetProps): ReactElement => { const bottomSheetRef = useRef(null); const { height: windowHeight } = useWindowDimensions(); + const containerLayout = useSharedValue({ + height: windowHeight, + offset: { top: 0, bottom: 0, left: 0, right: 0 } + }); + + useEffect(() => { + containerLayout.value = { height: windowHeight, offset: { top: 0, bottom: 0, left: 0, right: 0 } }; + }, [windowHeight, containerLayout]); const externalOpen = props.triggerAttribute?.status === ValueStatus.Available && props.triggerAttribute.value === true; @@ -86,7 +95,7 @@ export const CustomModalSheet = (props: CustomModalSheetProps): ReactElement => animateOnMount enableDynamicSizing maxDynamicContentSize={maxHeight} - containerHeight={windowHeight} + containerLayoutState={containerLayout} enablePanDownToClose onChange={handleChange} onClose={() => handleChange(-1)} From 39be2cdcaa5e80d76219b8e242e1ccfda119108a Mon Sep 17 00:00:00 2001 From: MxKevinBeqo Date: Fri, 4 Sep 2026 16:16:34 +0200 Subject: [PATCH 2/2] chore(bottom-sheet-native): add release notes and bump version --- .../bottom-sheet-native/CHANGELOG.md | 12 ++++++++++++ .../bottom-sheet-native/package.json | 2 +- .../bottom-sheet-native/src/package.xml | 2 +- 3 files changed, 14 insertions(+), 2 deletions(-) diff --git a/packages/pluggableWidgets/bottom-sheet-native/CHANGELOG.md b/packages/pluggableWidgets/bottom-sheet-native/CHANGELOG.md index 2a35ff1b8..4235e8a18 100644 --- a/packages/pluggableWidgets/bottom-sheet-native/CHANGELOG.md +++ b/packages/pluggableWidgets/bottom-sheet-native/CHANGELOG.md @@ -8,6 +8,18 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), ### Fixed +- Replaced a deprecated prop 'containerHeight' with the respective 'containerLayoutState' option. + +## [5.3.2] - 2026-8-4 + +### Fixed + +- Fixed bottomsheet issue to close when the trigger attribute changes. + +## [5.3.1] - 2026-7-3 + +### Fixed + - Fixed flickering issue on Android when opening bottom sheet (both basic and custom render types). - Improved backdrop animation with smooth fade-in/fade-out transitions. - Fixed bottomsheet issue to close when the trigger attribute changes. diff --git a/packages/pluggableWidgets/bottom-sheet-native/package.json b/packages/pluggableWidgets/bottom-sheet-native/package.json index 565b25da9..2add18485 100644 --- a/packages/pluggableWidgets/bottom-sheet-native/package.json +++ b/packages/pluggableWidgets/bottom-sheet-native/package.json @@ -1,7 +1,7 @@ { "name": "bottom-sheet-native", "widgetName": "BottomSheet", - "version": "5.3.2", + "version": "5.3.3", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/pluggableWidgets/bottom-sheet-native/src/package.xml b/packages/pluggableWidgets/bottom-sheet-native/src/package.xml index ad216156a..93fd3e5f0 100644 --- a/packages/pluggableWidgets/bottom-sheet-native/src/package.xml +++ b/packages/pluggableWidgets/bottom-sheet-native/src/package.xml @@ -1,6 +1,6 @@ - +