@momo-kits/foundation 0.110.1-optimize.4 → 0.110.1-optimize.6

package/Application/BottomSheet.tsx

@@ -30,6 +30,7 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
     barrierDismissible = false,
     draggable = true,
     useBottomInset = true,
+    useKeyboardAvoidingView = true,
     keyboardVerticalOffset,
   }: BottomSheetParams = props.route.params;
   const pan = useRef(
@@ -172,8 +173,12 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
       }}
       style={styles.overlay}>
       <KeyboardAvoidingView
-        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+        behavior={Platform.select({
+          ios: 'padding',
+          android: undefined,
+        })}
         keyboardVerticalOffset={keyboardVerticalOffset ?? -20}
+        enabled={useKeyboardAvoidingView}
         style={[Styles.flex, {justifyContent: 'flex-end'}]}>
         <TouchableOpacity
           style={Styles.flex}

package/Application/Components/HeaderLeft.tsx

@@ -17,15 +17,6 @@ const HeaderLeft: React.FC<HeaderBackProps> = ({
   const context = useContext<any>(MiniAppContext);
   const {navigator} = useContext(ApplicationContext);
 
-  useEffect(() => {
-    const backHandler = BackHandler.addEventListener(
-      'hardwareBackPress',
-      goBackSafe
-    );
-
-    return () => backHandler.remove();
-  }, []);
-
   const goBackSafe = () => {
     const goBack = () => {
       const canGoBack = navigator?.ref?.current?.canGoBack?.();
@@ -72,6 +63,15 @@ const HeaderLeft: React.FC<HeaderBackProps> = ({
     return true;
   };
 
+  useEffect(() => {
+    const backHandler = BackHandler.addEventListener(
+      'hardwareBackPress',
+      goBackSafe
+    );
+
+    return () => backHandler.remove();
+  }, [goBackSafe]);
+
   return (
     <View style={styles.headerLeft}>
       <NavigationButton

package/Application/StackScreen.tsx

@@ -207,7 +207,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
           /**
            * for stop tracking when user interaction
            */
-          if (data.interaction) {
+          if (data?.interaction) {
             onScreenLoad();
             onScreenInteraction();
           }

package/Application/types.ts

@@ -137,6 +137,7 @@ export type BottomSheetParams = {
   barrierDismissible?: boolean;
   draggable?: boolean;
   useBottomInset?: boolean;
+  useKeyboardAvoidingView?: boolean;
   keyboardVerticalOffset?: number;
 };
 

package/Input/styles.ts

@@ -123,6 +123,7 @@ export default StyleSheet.create({
   textButton: {marginLeft: Spacing.L},
   divider: {
     width: 1,
+    height: 20,
     marginLeft: Spacing.XS,
   },
   moneyInput: {

package/Text/index.tsx

@@ -176,16 +176,19 @@ const exportFontFamily = (
   let newFontFamily;
 
   switch (fontWeight) {
-    case 'bold': {
+    case 'bold':
+    case 'Bold':
       typography = 'action_xs_bold';
       break;
-    }
-    case 'regular': {
+
+    case 'regular':
+    case 'Regular':
       typography = 'body_default_regular';
       break;
-    }
+
     default: {
       typography = 'body_default_regular';
+      break;
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.110.1-optimize.4",
+  "version": "0.110.1-optimize.6",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},