@momo-kits/foundation 0.92.6-rc.15 → 0.92.6-rc.17

package/Application/utils.tsx

@@ -12,8 +12,7 @@ import {
 } from './Components';
 import {NavigationOptions, Theme} from './types';
 import {Colors} from '../Consts';
-import {Platform} from 'react-native';
-const isIOS = Platform.OS === 'ios';
+
 /**
  * default options for stack screen
  */
@@ -142,22 +141,6 @@ const getOptions = (params: NavigationOptions, theme: Theme) => {
   };
 };
 
-const getAccessibilityID = (
-  key = '',
-  override: string | undefined = undefined,
-) => {
-  if (isIOS) {
-    return {
-      accessible: true,
-      testID: override || key,
-    };
-  } else {
-    return {
-      accessibilityLabel: override || key,
-    };
-  }
-};
-
 const formatNameLength = (name = '') => {
   let formattedName = name;
   if (formattedName.length > 100) {
@@ -171,5 +154,4 @@ export {
   getModalOptions,
   getOptions,
   formatNameLength,
-  getAccessibilityID,
 };

package/Icon/index.tsx

@@ -33,6 +33,7 @@ const Icon: React.FC<IconProps> = ({
       loading={false}
       source={getIconSource()}
       style={[style, {width: size, height: size}]}
+      resizeMode='contain'
       {...tintColorProps}
     />
   );

package/Layout/FloatingButton.tsx

@@ -4,6 +4,7 @@ import {
   LayoutChangeEvent,
   StyleSheet,
   TouchableOpacity,
+  View,
 } from 'react-native';
 import {ApplicationContext} from '../Application';
 import {Icon} from '../Icon';
@@ -18,9 +19,11 @@ export interface FloatingButtonProps {
   size?: 'small' | 'large';
   animatedValue?: Animated.Value;
   bottom?: number;
+  renderComponent?: () => React.ReactNode;
 }
 
 export const FloatingButton: React.FC<FloatingButtonProps> = ({
+  renderComponent,
   label = '',
   onPress = () => {},
   position = 'right',
@@ -49,17 +52,17 @@ export const FloatingButton: React.FC<FloatingButtonProps> = ({
         if (down) {
           Animated.timing(widthAnimated!, {
             toValue: minWidth,
-            duration: 300,
+            duration: 200,
             useNativeDriver: false,
           }).start(() => setShowText(false));
         } else {
           Animated.timing(widthAnimated!, {
             toValue: maxWidth.current,
-            duration: 300,
+            duration: 200,
             useNativeDriver: false,
           }).start(() => setShowText(true));
         }
-      }, 500);
+      }, 300);
     });
 
     return () => {
@@ -76,6 +79,23 @@ export const FloatingButton: React.FC<FloatingButtonProps> = ({
     setWidthAnimated(new Animated.Value(layout.width));
   };
 
+  if (renderComponent) {
+    return (
+      <View
+        onLayout={handleLayout}
+        style={[
+          styles.container,
+          {
+            right: position === 'right' ? 12 : undefined,
+            alignSelf: position === 'center' ? 'center' : 'flex-end',
+            bottom,
+          },
+        ]}>
+        {renderComponent()}
+      </View>
+    );
+  }
+
   return (
     <Animated.View
       onLayout={handleLayout}

package/Popup/PopupNotify.tsx

@@ -199,16 +199,20 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
           {title}
         </Text>
         <Description style={[styles.description, descriptionStyle]}>
-          <Text
-            typography={'body_default_regular'}
-            onTextLayout={({nativeEvent: {lines}}) => {
-              const enableScroll = lines.length > 3;
-              if (enableScroll != scrollContent) {
-                setScrollContent(enableScroll);
-              }
-            }}>
-            {description}
-          </Text>
+          {typeof description === 'string' ? (
+            <Text
+              typography={'body_default_regular'}
+              onTextLayout={({nativeEvent: {lines}}) => {
+                const enableScroll = lines.length > 3;
+                if (enableScroll != scrollContent) {
+                  setScrollContent(enableScroll);
+                }
+              }}>
+              {description}
+            </Text>
+          ) : (
+            description
+          )}
         </Description>
         {!!error && (
           <View style={styles.information}>

package/index.ts

@@ -4,12 +4,11 @@ import {
   useSafeAreaInsets,
 } from 'react-native-safe-area-context';
 import LinearGradient from 'react-native-linear-gradient';
-import {getAccessibilityID} from "./Application/utils";
 
 /**
  * native export
  */
-export {SafeAreaView, useSafeAreaInsets, SafeAreaProvider, LinearGradient, getAccessibilityID};
+export {SafeAreaView, useSafeAreaInsets, SafeAreaProvider, LinearGradient};
 
 /**
  * foundation component

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.92.6-rc.15",
+    "version": "0.92.6-rc.17",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},