@momo-kits/foundation 0.154.1-test-id.1 → 0.154.1-test.18

package/Application/StackScreen.tsx

@@ -86,10 +86,6 @@ const StackScreen: React.FC<any> = props => {
     }
 
     const startTime = Date.now();
-    navigator?.maxApi?.setDataObserver?.('current_screen', {
-      screenName,
-      startTime,
-    });
 
     if (!bottomTab) {
       focusScreen = props.navigation.addListener('focus', () => {

package/Image/index.tsx

@@ -37,7 +37,7 @@ const Image: React.FC<ImageProps> = ({
 
   let accessibilityLabel: any = `img|${getImageName(source)}`;
   if (component?.componentId) {
-    accessibilityLabel = `${component?.componentId}|img|${getImageName(source)}`;
+    accessibilityLabel = `${component?.componentId}|img`;
   }
   /**
    * render content loading | fail | rendered

package/Input/common.tsx

@@ -72,9 +72,8 @@ export const getSizeStyle = (
     return [
       styles.multilineContainer,
       {
-        minHeight: size === 'small' ? 48 : 56,
+        minHeight: height,
       },
-      scaleStyle,
     ];
 
   if (size === 'small') {

package/Layout/Screen.tsx

@@ -9,9 +9,7 @@ import React, {
   useContext,
   useEffect,
   useImperativeHandle,
-  useMemo,
   useRef,
-  useState,
 } from 'react';
 import {
   Animated,
@@ -202,7 +200,6 @@ const Screen = forwardRef(
     );
     const currentTint = useRef<string | undefined>(undefined);
     const isTab = navigation?.instance?.getState?.()?.type === 'tab';
-    const [footerHeight, setFooterHeight] = useState(0);
 
     let handleScroll;
     let Component: any = View;
@@ -212,14 +209,6 @@ const Screen = forwardRef(
       keyboardOffset = -Math.min(insets.bottom, 21);
     }
 
-    // It is used to normalize the header transparent for Android
-    const normalizeHeaderTransparent = useCallback((expectedValue: boolean) => {
-      if (Platform.OS === 'android') {
-        return false;
-      }
-      return expectedValue;
-    }, []);
-
     /**
      * inject params for screen tracking
      */
@@ -244,14 +233,14 @@ const Screen = forwardRef(
           case 'extended':
             options = {
               headerShown: true,
-              headerTransparent: normalizeHeaderTransparent(true),
+              headerTransparent: true,
               headerBackground: () => null,
               headerTitle: (props: any) => <HeaderTitle {...props} />,
             };
             if (inputSearchProps) {
               options = {
                 headerShown: true,
-                headerTransparent: normalizeHeaderTransparent(true),
+                headerTransparent: true,
                 headerBackground: () => null,
                 headerTitle: (props: any) => (
                   <HeaderTitle
@@ -287,7 +276,7 @@ const Screen = forwardRef(
             if (inputSearchProps) {
               options = {
                 headerShown: true,
-                headerTransparent: normalizeHeaderTransparent(true),
+                headerTransparent: true,
                 headerBackground: () => null,
                 headerTitle: (props: any) => (
                   <HeaderTitle
@@ -312,7 +301,6 @@ const Screen = forwardRef(
         inputSearchProps,
         navigation?.instance,
         useShadowHeader,
-        normalizeHeaderTransparent,
       ],
     );
 
@@ -329,7 +317,7 @@ const Screen = forwardRef(
 
         options = {
           headerTintColor: currentTint.current ?? Colors.black_17,
-          headerTransparent: normalizeHeaderTransparent(true),
+          headerTransparent: true,
           headerBackground: (props: any) => (
             <HeaderBackground
               {...props}
@@ -354,13 +342,7 @@ const Screen = forwardRef(
 
         navigation?.instance?.setOptions(options);
       },
-      [
-        normalizeHeaderTransparent,
-        gradientColor,
-        headerBackground,
-        navigation?.instance,
-        useShadowHeader,
-      ],
+      [gradientColor, headerBackground, navigation?.instance, useShadowHeader],
     );
 
     /**
@@ -369,7 +351,7 @@ const Screen = forwardRef(
     const setAnimatedSearch = useCallback(() => {
       const options: StackNavigationOptions = {
         headerShown: true,
-        headerTransparent: normalizeHeaderTransparent(true),
+        headerTransparent: true,
         headerBackground: () => null,
         headerTitle: (props: any) => (
           <HeaderTitle
@@ -385,7 +367,7 @@ const Screen = forwardRef(
       };
 
       navigation?.instance?.setOptions(options);
-    }, [normalizeHeaderTransparent, navigation?.instance]);
+    }, [navigation?.instance]);
 
     /**
      * export search header
@@ -581,23 +563,12 @@ const Screen = forwardRef(
       }
     };
 
-    const marginTop = useMemo(() => {
-      if (
-        Platform.OS === 'android' &&
-        (animatedHeader || inputSearchProps || headerType === 'extended')
-      ) {
-        return -heightHeader;
-      }
-      return undefined;
-    }, [animatedHeader, headerType, heightHeader, inputSearchProps]);
-
     return (
       <View
         style={[
           Styles.flex,
           {
             backgroundColor: backgroundColor ?? theme.colors.background.default,
-            marginTop,
           },
         ]}
       >
@@ -640,15 +611,15 @@ const Screen = forwardRef(
           </Component>
 
           {floatingButtonProps && (
-            <FloatingButton
-              {...floatingButtonProps}
-              animatedValue={animatedValue.current}
-              bottom={
-                (Footer || isTab ? 12 : Math.min(insets.bottom, 21)) +
-                Spacing.S +
-                footerHeight
-              }
-            />
+            <View>
+              <FloatingButton
+                {...floatingButtonProps}
+                animatedValue={animatedValue.current}
+                bottom={
+                  Footer || isTab ? 12 : Math.min(insets.bottom, 21) + Spacing.S
+                }
+              />
+            </View>
           )}
 
           {Footer && (
@@ -660,11 +631,6 @@ const Screen = forwardRef(
                   backgroundColor: theme.colors.background.surface,
                 },
               ]}
-              onLayout={e => {
-                if (e.nativeEvent.layout.height !== footerHeight) {
-                  setFooterHeight(e.nativeEvent.layout.height);
-                }
-              }}
             >
               <Section>{Footer}</Section>
             </View>

package/package.json

@@ -1,35 +1,35 @@
 {
-    "name": "@momo-kits/foundation",
-    "version": "0.154.1-test-id.1",
-    "description": "React Native Component Kits",
-    "main": "index.ts",
-    "scripts": {},
-    "keywords": [
-        "@momo-kits/foundation"
-    ],
-    "dependencies": {
-        "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
-        "@react-navigation/bottom-tabs": "7.4.2",
-        "@react-navigation/core": "7.12.1",
-        "@react-navigation/elements": "2.5.2",
-        "@react-navigation/native": "7.1.14",
-        "@react-navigation/routers": "7.4.1",
-        "@react-navigation/stack": "7.4.2",
-        "react-native-gesture-handler": "2.27.1",
-        "react-native-linear-gradient": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-linear-gradient#v3.0.0",
-        "react-native-reanimated": "4.1.0",
-        "react-native-safe-area-context": "5.5.2",
-        "@shopify/flash-list": "2.1.0",
-        "lottie-react-native": "7.2.4"
-    },
-    "peerDependencies": {
-        "react-native": "*"
-    },
-    "devDependencies": {
-        "@types/color": "3.0.6"
-    },
-    "publishConfig": {
-        "registry": "https://registry.npmjs.org/"
-    },
-    "license": "MoMo"
-}
+  "name": "@momo-kits/foundation",
+  "version": "0.154.1-test.18",
+  "description": "React Native Component Kits",
+  "main": "index.ts",
+  "scripts": {},
+  "keywords": [
+    "@momo-kits/foundation"
+  ],
+  "dependencies": {
+    "react-native-fast-image": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-fast-image.git#v8.11.0",
+    "@react-navigation/bottom-tabs": "7.4.2",
+    "@react-navigation/core": "7.12.1",
+    "@react-navigation/elements": "2.5.2",
+    "@react-navigation/native": "7.1.14",
+    "@react-navigation/routers": "7.4.1",
+    "@react-navigation/stack": "7.4.2",
+    "react-native-gesture-handler": "2.27.1",
+    "react-native-linear-gradient": "git+https://oauth2:TGi6oBj-LdzsKpLXQSoH@gitlab.mservice.com.vn/momo-platform/public/react-native-linear-gradient#v3.0.0",
+    "react-native-reanimated": "4.1.0",
+    "react-native-safe-area-context": "5.5.2",
+    "@shopify/flash-list": "2.1.0",
+    "lottie-react-native": "7.2.4"
+  },
+  "peerDependencies": {
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@types/color": "3.0.6"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "license": "MoMo"
+}