@momo-kits/foundation 0.109.1-optimize.16 → 0.109.1-optimize.17-beta.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 {Radius} from '../../Consts';
+import {Colors, 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={[
-        styles.tabBar,
+        floatingButton ? styles.tabBarFloatingButton : styles.tabBar,
         {
           backgroundColor: theme.colors.background.surface,
           borderTopColor: theme.colors.border.default,
@@ -253,6 +253,17 @@ 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,
+  animatedValue = new Animated.Value(0),
   useGradient = true,
   useShadowHeader = true,
   gradientColor,

package/Application/Components/HeaderExtendHeader.tsx

@@ -46,6 +46,7 @@ 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],
@@ -94,7 +95,9 @@ const HeaderExtendHeader: React.FC<{
         <Animated.View style={{height: height}} />
         <Animated.View
           style={[
-            useShadowHeader ? styles.shadowHeader : styles.dividerHeader,
+            isIos && useShadowHeader
+              ? styles.shadowHeader
+              : styles.dividerHeader,
             {
               backgroundColor: theme.colors.background.surface,
               opacity: opacityBackground,
@@ -244,8 +247,14 @@ const styles = StyleSheet.create({
         shadowRadius: 10,
       },
       android: {
-        borderBottomWidth: 1,
-        borderColor: Colors.black_04,
+        shadowColor: Colors.black_17,
+        shadowOffset: {
+          width: 3,
+          height: 3,
+        },
+        shadowOpacity: 0.12,
+        shadowRadius: 10,
+        elevation: 10,
       },
     }),
   },

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,6 +147,9 @@ 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: (
@@ -157,7 +160,7 @@ const HeaderToolkitAction: React.FC<any> = ({
             />
             <View>
               <Text typography={'label_default_medium'}>{appName}</Text>
-              {!!appDescription && (
+              {isShowDescription && (
                 <Text
                   typography={'description_default_regular'}
                   color={Colors.black_12}>

package/Input/Input.tsx

@@ -93,12 +93,17 @@ 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: (text: string) => _onChangeText(text),
+        setText: _setText,
       };
     });
 

package/Input/InputSearch.tsx

@@ -165,12 +165,17 @@ 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: (text: string) => _onChangeText(text),
+      setText: _setText,
     };
   });
 
@@ -208,6 +213,7 @@ const InputSearch: ForwardRefRenderFunction<InputRef, InputSearchProps> = (
         ]}
         value={value}
         onChangeText={_onChangeText}
+        defaultValue={defaultValue}
         onFocus={_onFocus}
         onBlur={_onBlur}
         placeholder={placeholder}

package/Layout/Screen.tsx

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

package/Radio/index.tsx

@@ -64,7 +64,7 @@ const Radio: FC<RadioProps> = ({
             styles.radio,
             checkBoxStyle,
             disabledStyle,
-            {marginRight: label ? Spacing.XS : 0},
+            {marginRight: label ? Spacing.S : 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: '70%'};
+  const flexStyle = showTrailingAction && {maxWidth: '95%'};
 
   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 or calculation:', error);
+    console.error('Error during scan:', error);
   }
 };
 

package/package.json

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

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}`
   );
 }
 

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "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"
-  }
-}