@momo-kits/foundation 0.109.1-optimize.17-beta.18 → 0.109.1-optimize.18

package/Application/BottomTab/BottomTabBar.tsx

@@ -16,7 +16,7 @@ import {
   View,
 } from 'react-native';
 import {EdgeInsets, useSafeAreaInsets} from 'react-native-safe-area-context';
-import {Colors, Radius} from '../../Consts';
+import {Radius} from '../../Consts';
 import {Icon} from '../../Icon';
 import {Text} from '../../Text';
 import {FloatingButtonProps} from '../types';
@@ -207,7 +207,7 @@ export default function BottomTabBar({
   return (
     <Animated.View
       style={[
-        floatingButton ? styles.tabBarFloatingButton : styles.tabBar,
+        styles.tabBar,
         {
           backgroundColor: theme.colors.background.surface,
           borderTopColor: theme.colors.border.default,
@@ -253,17 +253,6 @@ const styles = StyleSheet.create({
     borderTopWidth: StyleSheet.hairlineWidth,
     elevation: 8,
   },
-  tabBarFloatingButton: {
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 1,
-    shadowColor: Colors.black_20,
-    shadowOffset: {width: 0, height: -2},
-    shadowOpacity: 0.05,
-    shadowRadius: 3,
-    elevation: 8,
-  },
   floatingContainer: {
     position: 'absolute',
     alignItems: 'center',

package/Application/Components/HeaderBackground.tsx

@@ -13,7 +13,7 @@ const LinearGradientAnimated = Animated.createAnimatedComponent(LinearGradient);
  */
 const HeaderBackground: React.FC<HeaderBackgroundProps> = ({
   image,
-  animatedValue = new Animated.Value(0),
+  animatedValue,
   useGradient = true,
   useShadowHeader = true,
   gradientColor,

package/Application/Components/HeaderExtendHeader.tsx

@@ -46,7 +46,6 @@ const HeaderExtendHeader: React.FC<{
   const gradientColor = customGradientColor ?? theme.colors.gradient;
   const headerBackground = customBackground ?? theme.assets?.headerBackground;
   const leftPosition = inputSearchProps?.leftPosition || BACK_WIDTH + 20;
-  const isIos = Platform.OS === 'ios';
 
   const opacityBackground = animatedValue?.interpolate({
     inputRange: [0, 52],
@@ -95,9 +94,7 @@ const HeaderExtendHeader: React.FC<{
         <Animated.View style={{height: height}} />
         <Animated.View
           style={[
-            isIos && useShadowHeader
-              ? styles.shadowHeader
-              : styles.dividerHeader,
+            useShadowHeader ? styles.shadowHeader : styles.dividerHeader,
             {
               backgroundColor: theme.colors.background.surface,
               opacity: opacityBackground,
@@ -247,14 +244,8 @@ const styles = StyleSheet.create({
         shadowRadius: 10,
       },
       android: {
-        shadowColor: Colors.black_17,
-        shadowOffset: {
-          width: 3,
-          height: 3,
-        },
-        shadowOpacity: 0.12,
-        shadowRadius: 10,
-        elevation: 10,
+        borderBottomWidth: 1,
+        borderColor: Colors.black_04,
       },
     }),
   },

package/Application/Components/HeaderRight.tsx

@@ -65,7 +65,7 @@ const HeaderToolkitAction: React.FC<any> = ({
     if (useShortcut) {
       checkAppIsFavorite();
     }
-  }, [useShortcut, useMore, tools]);
+  }, []);
 
   let buttonStyle: ViewStyle = {};
   if (tintColor === Colors.black_01) {
@@ -147,9 +147,6 @@ const HeaderToolkitAction: React.FC<any> = ({
   const onPressHelpCenter = () => {
     const appName = translate?.(context?.name);
     const appDescription = translate?.(context?.description);
-    const isShowDescription =
-      context?.description && Object.keys(context?.description).length > 0;
-
     navigator?.showBottomSheet({
       options: {
         header: (
@@ -160,7 +157,7 @@ const HeaderToolkitAction: React.FC<any> = ({
             />
             <View>
               <Text typography={'label_default_medium'}>{appName}</Text>
-              {isShowDescription && (
+              {!!appDescription && (
                 <Text
                   typography={'description_default_regular'}
                   color={Colors.black_12}>

package/Application/StackScreen.tsx

@@ -239,7 +239,12 @@ const StackScreen: React.FC<ScreenParams> = props => {
           }, 2000);
         },
       }}>
-      <Component heightHeader={heightHeader} {...data} />
+      <Component
+        {...data}
+        heightHeader={heightHeader}
+        onScreenLoad={onScreenLoad}
+        onScreenInteraction={onScreenInteraction}
+      />
       {showGrid && <GridSystem />}
     </ScreenContext.Provider>
   );

package/Input/Input.tsx

@@ -93,17 +93,12 @@ const Input = forwardRef(
       onBlur?.(e);
     };
 
-    const _setText = (text: string) => {
-      inputRef?.current?.setNativeProps({text});
-      _onChangeText(text);
-    };
-
     useImperativeHandle(ref, () => {
       return {
         clear: onClearText,
         focus: () => inputRef.current?.focus(),
         blur: () => inputRef.current?.blur(),
-        setText: _setText,
+        setText: (text: string) => _onChangeText(text),
       };
     });
 

package/Input/InputSearch.tsx

@@ -165,17 +165,12 @@ const InputSearch: ForwardRefRenderFunction<InputRef, InputSearchProps> = (
     onChangeText?.(text);
   };
 
-  const _setText = (text: string) => {
-    inputRef?.current?.setNativeProps({text});
-    _onChangeText(text);
-  };
-
   useImperativeHandle(ref, () => {
     return {
       clear: onClearText,
       focus: () => inputRef.current?.focus(),
       blur: () => inputRef.current?.blur(),
-      setText: _setText,
+      setText: (text: string) => _onChangeText(text),
     };
   });
 
@@ -213,7 +208,6 @@ const InputSearch: ForwardRefRenderFunction<InputRef, InputSearchProps> = (
         ]}
         value={value}
         onChangeText={_onChangeText}
-        defaultValue={defaultValue}
         onFocus={_onFocus}
         onBlur={_onBlur}
         placeholder={placeholder}

package/Layout/Screen.tsx

@@ -344,8 +344,12 @@ const Screen = forwardRef(
     const setSearchHeader = (params: SearchHeaderProps) => {
       const options: StackNavigationOptions = {
         headerRight: undefined,
-        headerTitle: () => (
-          <SearchHeader {...params} animatedValue={animatedValue.current} />
+        headerTitle: (props: any) => (
+          <SearchHeader
+            {...props}
+            {...params}
+            animatedValue={animatedValue.current}
+          />
         ),
       };
 

package/Radio/index.tsx

@@ -64,7 +64,7 @@ const Radio: FC<RadioProps> = ({
             styles.radio,
             checkBoxStyle,
             disabledStyle,
-            {marginRight: label ? Spacing.S : 0},
+            {marginRight: label ? Spacing.XS : 0},
           ]}
         />
         {!!label && <Text typography={'body_default_regular'}>{label}</Text>}

package/Title/index.tsx

@@ -38,7 +38,7 @@ const Title: FC<TitleProps> = ({
   const numberOfLines = showTrailingAction || !!badgeLabel ? 1 : 2;
   const buttonTypo: Typography =
     buttonSize === 'small' ? 'action_xs_bold' : 'action_s_bold';
-  const flexStyle = showTrailingAction && {maxWidth: '95%'};
+  const flexStyle = showTrailingAction && {maxWidth: '70%'};
 
   const renderIcon = () => {
     if (!icon) return null;

package/code-scanner.js

@@ -153,7 +153,7 @@ const main = async () => {
     sendMessage(result);
     console.log(result);
   } catch (error) {
-    console.error('Error during scan:', error);
+    console.error('Error during scan or calculation:', error);
   }
 };
 

package/package.json

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

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "rootDir": ".",
+    "allowUnreachableCode": false,
+    "allowUnusedLabels": false,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "jsx": "react",
+    "lib": ["esnext"],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitReturns": false,
+    "noImplicitUseStrict": false,
+    "noStrictGenericChecks": false,
+    "noUncheckedIndexedAccess": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "esnext"
+  }
+}

package/verify.js

@@ -27,7 +27,7 @@ if (
 
 if (packageVersion > iOSAppTarget || packageVersion > androidAppTarget) {
   throw new Error(
-    `\x1b[41m Package ${packageInfo.name} version:${packageInfo.version} require deploymentTarget ${packageVersion}`
+    `\x1b[41m Package ${packageInfo.name} version: ${packageInfo.version} require deploymentTarget ${packageVersion}`
   );
 }