@momo-kits/foundation 0.81.36-tracking.2 → 0.81.37-beta.1

package/Application/Components.tsx

@@ -272,6 +272,7 @@ const HeaderBackground: React.FC<HeaderBackgroundProps> = ({
       />
       {!!headerImage && (
         <Image
+          key={headerImage}
           style={styles.headerBackground}
           source={{uri: headerImage}}
           loading={false}

package/Application/NavigationContainer.tsx

@@ -31,7 +31,7 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
   const [language, setLanguage] = useState<'vi' | 'en'>('vi');
   const [config, setConfig] = useState<any>(undefined);
   let assets = theme.assets;
-  if (config) {
+  if (config && theme.assets?.headerBackground) {
     assets = {...assets, headerBackground: config.navigationBar?.headerBar};
   }
 

package/Application/StackScreen.tsx

@@ -5,10 +5,6 @@ import {ApplicationContext} from './index';
 import {GridSystem} from '../Layout';
 import {useHeaderHeight} from '@react-navigation/stack';
 
-const {
-  ScreenContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const StackScreen: React.FC<ScreenParams> = props => {
   const {screen: Component, options}: ScreenParams = props.route.params;
   const {theme, showGrid, navigator} = useContext(ApplicationContext);
@@ -68,14 +64,10 @@ const StackScreen: React.FC<ScreenParams> = props => {
   }, []);
 
   return (
-    <ScreenContext.Provider
-      value={{
-        screenName: Component.name,
-        elementTracking: navigator?.maxApi?.elementTracking,
-      }}>
+    <>
       <Component heightHeader={heightHeader} {...params} />
       {showGrid && <GridSystem />}
-    </ScreenContext.Provider>
+    </>
   );
 };
 

package/Button/index.tsx

@@ -6,6 +6,7 @@ import {
   TouchableOpacityProps,
   View,
 } from 'react-native';
+
 import LinearGradient from 'react-native-linear-gradient';
 import {ApplicationContext} from '../Application';
 import {Text} from '../Text';
@@ -15,10 +16,6 @@ import styles from './styles';
 import {Icon} from '../Icon';
 import {Loader} from '../Loader';
 
-const {
-  ScreenContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const AnimationLinear = Animated.createAnimatedComponent(LinearGradient);
 
 export interface ButtonProps extends TouchableOpacityProps {
@@ -85,7 +82,6 @@ const Button: FC<ButtonProps> = ({
   loading = false,
   title = 'Button',
   onPress,
-  accessibilityLabel,
   ...rest
 }) => {
   const {theme, config} = useContext(ApplicationContext);
@@ -98,8 +94,6 @@ const Button: FC<ButtonProps> = ({
       end: {x: 0, y: 0.5},
     };
   }
-
-  const screenInfo = useContext<any>(ScreenContext);
   const getSizeStyle = () => {
     const styleSheet: {[key: string]: any} = styles;
     return styleSheet[size ?? 'small'];
@@ -297,32 +291,20 @@ const Button: FC<ButtonProps> = ({
   const activeOpacity = type === 'disabled' ? 0.75 : 0.5;
 
   return (
-    <ScreenContext.Provider
-      value={{
-        ...screenInfo,
-        componentName: 'Button',
-        params: {
-          title,
-          accessibilityLabel,
-        },
-      }}>
-      <TouchableOpacity
-        {...rest}
-        accessibilityLabel={`${screenInfo.screenName}/Button/${
-          accessibilityLabel ?? title
-        }`}
-        activeOpacity={activeOpacity}
-        onPress={onPressButton}
-        style={buttonStyle}>
-        {renderLeading()}
-        {renderTitle()}
-        {renderTrailing()}
-        {gradientPros && (
-          <AnimationLinear {...gradientPros} style={styles.gradientView} />
-        )}
-        {gradientPros && <View style={styles.strokeView} />}
-      </TouchableOpacity>
-    </ScreenContext.Provider>
+    <TouchableOpacity
+      {...rest}
+      accessibilityLabel={`Button/${title}`}
+      activeOpacity={activeOpacity}
+      onPress={onPressButton}
+      style={buttonStyle}>
+      {renderLeading()}
+      {renderTitle()}
+      {renderTrailing()}
+      {gradientPros && (
+        <AnimationLinear {...gradientPros} style={styles.gradientView} />
+      )}
+      {gradientPros && <View style={styles.strokeView} />}
+    </TouchableOpacity>
   );
 };
 

package/Input/styles.ts

@@ -7,7 +7,6 @@ export default StyleSheet.create({
   input: {
     flex: 1,
     paddingLeft: Spacing.M,
-    height: '100%',
     fontSize: scaleSize(15),
   },
   wrapper: {

package/Layout/Screen.tsx

@@ -311,7 +311,6 @@ const Screen = forwardRef(
                 uri: headerBackground,
               }}
               style={styles.extendedHeader}
-              loading={false}
             />
             <View style={{height: heightHeader}} />
           </>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.81.36-tracking.2",
+    "version": "0.81.37-beta.1",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {