@hero-design/rn 8.139.0 → 8.139.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.139.1
+
+### Patch Changes
+
+- [#5558](https://github.com/Thinkei/hero-design/pull/5558) [`5367a2d`](https://github.com/Thinkei/hero-design/commit/5367a2dfeefae084e70f5da9a35fa48fd007cb7a) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [Select] Fix options list collapsing behind keyboard in nested BottomSheet
+
 ## 8.139.0
 
 ### Minor Changes

package/es/index.js

@@ -27908,9 +27908,6 @@ function MultiSelect(_ref) {
     _ref$bottomSheetConfi = _ref.bottomSheetConfig,
     bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi,
     assistiveInfoConfig = _ref.assistiveInfoConfig;
-  var _useKeyboard = useKeyboard(),
-    isKeyboardVisible = _useKeyboard.isKeyboardVisible,
-    keyboardHeight = _useKeyboard.keyboardHeight;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -27968,9 +27965,6 @@ function MultiSelect(_ref) {
       setOpen(false);
     },
     header: bottomSheetHeader || label,
-    style: {
-      paddingBottom: isKeyboardVisible ? keyboardHeight : 0
-    },
     footer: typeof footerLabel === 'string' ? /*#__PURE__*/React__default.createElement(Footer, {
       label: footerLabel,
       onPress: function onPress() {
@@ -28121,9 +28115,6 @@ var SingleSelect = function SingleSelect(_ref) {
     _ref$bottomSheetConfi = _ref.bottomSheetConfig,
     bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi,
     assistiveInfoConfig = _ref.assistiveInfoConfig;
-  var _useKeyboard = useKeyboard(),
-    isKeyboardVisible = _useKeyboard.isKeyboardVisible,
-    keyboardHeight = _useKeyboard.keyboardHeight;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -28174,9 +28165,6 @@ var SingleSelect = function SingleSelect(_ref) {
       setOpen(false);
     },
     header: bottomSheetHeader || label,
-    style: {
-      paddingBottom: isKeyboardVisible ? keyboardHeight : 0
-    },
     onAnimationEnd: function onAnimationEnd() {
       if (open === true) {
         var _sectionListRef$curre;

package/lib/index.js

@@ -27937,9 +27937,6 @@ function MultiSelect(_ref) {
     _ref$bottomSheetConfi = _ref.bottomSheetConfig,
     bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi,
     assistiveInfoConfig = _ref.assistiveInfoConfig;
-  var _useKeyboard = useKeyboard(),
-    isKeyboardVisible = _useKeyboard.isKeyboardVisible,
-    keyboardHeight = _useKeyboard.keyboardHeight;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -27997,9 +27994,6 @@ function MultiSelect(_ref) {
       setOpen(false);
     },
     header: bottomSheetHeader || label,
-    style: {
-      paddingBottom: isKeyboardVisible ? keyboardHeight : 0
-    },
     footer: typeof footerLabel === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Footer, {
       label: footerLabel,
       onPress: function onPress() {
@@ -28150,9 +28144,6 @@ var SingleSelect = function SingleSelect(_ref) {
     _ref$bottomSheetConfi = _ref.bottomSheetConfig,
     bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi,
     assistiveInfoConfig = _ref.assistiveInfoConfig;
-  var _useKeyboard = useKeyboard(),
-    isKeyboardVisible = _useKeyboard.isKeyboardVisible,
-    keyboardHeight = _useKeyboard.keyboardHeight;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     open = _useState2[0],
@@ -28203,9 +28194,6 @@ var SingleSelect = function SingleSelect(_ref) {
       setOpen(false);
     },
     header: bottomSheetHeader || label,
-    style: {
-      paddingBottom: isKeyboardVisible ? keyboardHeight : 0
-    },
     onAnimationEnd: function onAnimationEnd() {
       if (open === true) {
         var _sectionListRef$curre;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.139.0",
+  "version": "8.139.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/Select/MultiSelect/index.tsx

@@ -4,7 +4,6 @@ import type {
   SectionList,
 } from 'react-native';
 import { TouchableOpacity, View } from 'react-native';
-import { useKeyboard } from '../../../utils/helpers';
 import BottomSheet from '../../BottomSheet';
 import Box from '../../Box';
 import type { TextInputProps } from '../../TextInput';
@@ -77,7 +76,6 @@ function MultiSelect<V, T extends SelectOptionType<V>>({
   bottomSheetConfig = {},
   assistiveInfoConfig,
 }: MultiSelectProps<V, T>) {
-  const { isKeyboardVisible, keyboardHeight } = useKeyboard();
   const [open, setOpen] = useState(false);
   const [selectingValue, setSelectingValue] = useState(value);
   const sectionListRef = useRef<SectionList<T, SectionType>>(null);
@@ -147,9 +145,6 @@ function MultiSelect<V, T extends SelectOptionType<V>>({
           setOpen(false);
         }}
         header={bottomSheetHeader || label}
-        style={{
-          paddingBottom: isKeyboardVisible ? keyboardHeight : 0,
-        }}
         footer={
           typeof footerLabel === 'string' ? (
             <Footer

package/src/components/Select/SingleSelect/index.tsx

@@ -4,7 +4,7 @@ import type {
   SectionList,
 } from 'react-native';
 import { TouchableOpacity, View } from 'react-native';
-import { deepCompareValue, useKeyboard } from '../../../utils/helpers';
+import { deepCompareValue } from '../../../utils/helpers';
 import BottomSheet from '../../BottomSheet';
 import type { TextInputProps } from '../../TextInput';
 import TextInput from '../../TextInput';
@@ -61,7 +61,6 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
   bottomSheetConfig = {},
   assistiveInfoConfig,
 }: SingleSelectProps<V, T>) => {
-  const { isKeyboardVisible, keyboardHeight } = useKeyboard();
   const [open, setOpen] = useState(false);
   const sectionListRef = useRef<SectionList<T, SectionType>>(null);
   const sections = toSections(options);
@@ -130,9 +129,6 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
           setOpen(false);
         }}
         header={bottomSheetHeader || label}
-        style={{
-          paddingBottom: isKeyboardVisible ? keyboardHeight : 0,
-        }}
         onAnimationEnd={() => {
           if (open === true) {
             const scrollParams = getScrollParams(value, sections);