@momo-kits/foundation 0.163.1-beta.6 → 0.163.1-beta.8

package/Application/utils.tsx

@@ -17,16 +17,7 @@ import type {
 import type { NavigationState, PartialState } from '@react-navigation/native';
 import type { HeaderTitleProps, NavigationOptions } from './types';
 import { Colors, Spacing } from '../Consts';
-import {
-  Animated,
-  AppState,
-  NativeModules,
-  Platform,
-  StyleProp,
-  StyleSheet,
-  ViewStyle,
-} from 'react-native';
-import { BlurView } from '@sbaiahmed1/react-native-blur';
+import { Animated, AppState, NativeModules, Platform } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
 import { useSharedValue } from 'react-native-reanimated';
 import {
@@ -42,42 +33,27 @@ import { HeaderRight } from './Components/HeaderRight';
 const forStackTransitionWithOverlay = (
   props: StackCardInterpolationProps,
 ): StackCardInterpolatedStyle => {
-  const { cardStyle, shadowStyle } =
-    CardStyleInterpolators.forHorizontalIOS(props);
-
+  const { cardStyle } = CardStyleInterpolators.forHorizontalIOS(props);
   return {
     cardStyle,
-    shadowStyle,
+    shadowStyle: {
+      shadowOpacity: props.current.progress.interpolate({
+        inputRange: [0, 1],
+        outputRange: [0, 0.3],
+        extrapolate: 'clamp',
+      }),
+    },
     overlayStyle: {
+      backgroundColor: '#FDEAF4',
       opacity: props.current.progress.interpolate({
         inputRange: [0, 1],
-        outputRange: [0, 1],
+        outputRange: [0, 0.6],
         extrapolate: 'clamp',
       }),
     },
   };
 };
 
-/**
- * blur intensity stays fixed so only the wrapper's opacity animates per
- * frame; animating blurAmount itself would re-render the native blur view
- * on every frame of the transition
- */
-const renderStackOverlay = ({
-  style,
-}: {
-  style: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-}) => (
-  <Animated.View pointerEvents="none" style={[StyleSheet.absoluteFill, style]}>
-    <BlurView
-      style={StyleSheet.absoluteFill}
-      blurType="xlight"
-      blurAmount={2}
-      overlayColor="rgba(253, 234, 244, 0.3)"
-    />
-  </Animated.View>
-);
-
 /**
  * default options for stack screen
  */
@@ -102,7 +78,6 @@ const getStackOptions = (): StackNavigationOptions => {
     ...TransitionPresets.SlideFromRightIOS,
     cardStyleInterpolator: forStackTransitionWithOverlay,
     cardOverlayEnabled: true,
-    cardOverlay: renderStackOverlay,
   };
 };
 
@@ -126,10 +101,7 @@ const getModalOptions = (): StackNavigationOptions => {
  * so swipe back must not bypass it
  */
 const hasCustomBackHandling = (params: NavigationOptions) =>
-  params.preventBack !== undefined ||
-  params.hiddenBack === true ||
-  typeof params.onBackHandler === 'function' ||
-  typeof params.onPressLeftHeader === 'function';
+  params.preventBack !== undefined || params.hiddenBack === true;
 
 /**
  * build react-navigation options

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momo-kits/foundation",
-  "version": "0.163.1-beta.6",
+  "version": "0.163.1-beta.8",
   "description": "React Native Component Kits",
   "main": "index.ts",
   "scripts": {},
@@ -9,7 +9,6 @@
   ],
   "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",
-    "@sbaiahmed1/react-native-blur": "6.0.0",
     "@react-navigation/bottom-tabs": "7.4.2",
     "@react-navigation/core": "7.12.1",
     "@react-navigation/elements": "2.5.2",