@momo-kits/foundation 0.92.8-rc.2 → 0.92.8-rc.3

package/Application/BottomSheet.tsx

@@ -84,9 +84,9 @@ const BottomSheet: React.FC<BottomSheetParams> = props => {
       Animated.timing(animatedHeight, {
         useNativeDriver: false,
         toValue: heightDevice * point,
-        duration: 300,
+        duration: 150,
       }).start();
-    }, 100);
+    }, 50);
   }, [estimate]);
 
   /**

package/Application/BottomTab/BottomTabBar.tsx

@@ -26,7 +26,6 @@ type Props = BottomTabBarProps & {
   activeTintColor?: string;
   inactiveTintColor?: string;
   floatingButton?: FloatingButtonProps;
-  accessibilityLabel?: string;
 };
 
 const getPaddingBottom = (insets: EdgeInsets) => {
@@ -65,7 +64,7 @@ export default function BottomTabBar({
    */
   const renderTabItem = useCallback(
     (data: any[]) => {
-      return data?.map((route, index) => {
+      return data?.map((route, _) => {
         const focused = route.params.name === focusedTab;
         const {options} = descriptors[route?.key] as any;
         const onPress = () => {
@@ -90,19 +89,7 @@ export default function BottomTabBar({
           });
         };
 
-        const label =
-          options.tabBarLabel !== undefined
-            ? options.tabBarLabel
-            : options.title !== undefined
-            ? options.title
-            : route.name;
-
-        const accessibilityLabel =
-          options.tabBarAccessibilityLabel !== undefined
-            ? options.tabBarAccessibilityLabel
-            : typeof label === 'string'
-            ? `${label}, tab, ${index + 1} of ${routes.length}`
-            : undefined;
+        const label = options.tabBarLabel || options.title || route.name;
 
         return (
           <NavigationContext.Provider
@@ -115,7 +102,7 @@ export default function BottomTabBar({
                 horizontal={false}
                 onPress={onPress}
                 onLongPress={onLongPress}
-                accessibilityLabel={accessibilityLabel}
+                accessibilityLabel={`tab_item_${route.name}`}
                 to={buildLink(route.name, route.params)}
                 testID={options.tabBarTestID}
                 allowFontScaling={allowFontScaling}

package/Application/BottomTab/index.tsx

@@ -83,7 +83,7 @@ const BottomTab: React.FC<BottomTabProps> = ({
       tabBar={props => (
         <BottomTabBar
           {...props}
-          accessibilityLabel={'BottomTabBar'}
+          accessibilityLabel={'bottom_tab_bar'}
           floatingButton={floatingButton}
         />
       )}

package/Popup/PopupNotify.tsx

@@ -188,7 +188,7 @@ const PopupNotify: React.FC<PopupNotifyProps> = ({
 
   return (
     <View
-      accessibilityLabel={'PopupNotify'}
+      accessibilityLabel={'popup_notify'}
       style={[
         styles.container,
         {backgroundColor: theme.colors.background.surface},

package/Popup/PopupPromotion.tsx

@@ -79,7 +79,7 @@ const PopupPromotion: React.FC<PopupPromotionProps> = ({
   };
 
   return (
-    <View accessibilityLabel={'PopupPromotion'}>
+    <View accessibilityLabel={'popup_promotion'}>
       <Image
         source={{
           uri: image,

package/Popup/types.ts

@@ -18,7 +18,7 @@ export type PopupNotifyProps = {
   /**
    * `description`: Represents the description text to be displayed in the PopupNotify component.
    */
-  description: string | React.ReactNode;
+  description?: string | React.ReactNode;
 
   /**
    * `error`: Optional. Represents additional error text to be displayed in the PopupNotify component.

package/package.json

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