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

package/Application/Components.tsx

@@ -8,7 +8,6 @@ import React, {
 import {
   Animated,
   BackHandler,
-  DeviceEventEmitter,
   StatusBar,
   StyleSheet,
   TouchableOpacity,
@@ -148,9 +147,7 @@ const HeaderLeft: React.FC<HeaderBackProps> = ({
       } else if (navigator?.maxApi) {
         navigator?.maxApi?.dismiss(navigator.dismissData);
       } else {
-        const currentTime = new Date().getTime();
-        const requestId = `navigationBackPress#${currentTime}`;
-        DeviceEventEmitter.emit('dismiss', {requestId});
+        (global as any)?.miniAppApi?.dispatch?.('dismiss', undefined);
       }
       onPressLeftHeader?.();
     };
@@ -369,7 +366,7 @@ const HeaderToolkitAction: React.FC<any> = ({
         ),
       });
     } else {
-      navigator?.maxApi?.dispatchFunction?.('dismiss', undefined, undefined);
+      (global as any)?.miniAppApi?.dispatch?.('dismiss', undefined);
     }
   };
 

package/Application/StackScreen.tsx

@@ -33,7 +33,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
   delete data.screen;
   delete data.initialParams;
 
-  const screenName = Component?.name || Component?.type?.name || '';
+  const screenName = Component?.name || Component?.type?.name || 'Invalid';
 
   /**
    * set options for screen

package/Consts/colors+spacing+radius.ts

@@ -216,14 +216,15 @@ const Shadow = {
 
   Pink: Platform.select({
     ios: {
-      shadowColor: 'rgba(224, 128, 181, 0.25)',
-      shadowOffset: { width: 0, height: 6 },
-      shadowOpacity: 1,
+      shadowColor: '#e27eb5',
+      shadowOffset: {width: 0, height: 6},
+      shadowOpacity: 0.25,
       shadowRadius: 8,
     },
     android: {
       elevation: 16,
-      shadowColor: 'rgba(224, 128, 181, 0.25)',
+      shadowColor: '#e27eb5',
+      shadowOpacity: 0.25,
     },
   }),
 };

package/Text/index.tsx

@@ -52,6 +52,21 @@ export interface TextProps extends RNTextProps {
   color?: string;
 }
 
+const deprecatedValues: Typography[] = [
+  'headline_default',
+  'headline_l',
+  'headline_xl',
+  'title_default',
+  'title_xs',
+  'title_s',
+  'header_default',
+  'paragraph_default',
+  'paragraph_bold',
+  'paragraph_italic',
+  'label_xxs',
+  'action_s',
+];
+
 const Text: React.FC<TextProps> = ({
   typography = 'body_default_regular',
   color,
@@ -96,6 +111,12 @@ const Text: React.FC<TextProps> = ({
 
   const textStyle = getTypoStyle(typography);
 
+  if (deprecatedValues.includes(typography)) {
+    console.warn(
+      `Warning: The typography value "${typography}" is deprecated.`,
+    );
+  }
+
   return (
     <RNText
       {...rest}

package/Text/types.ts

@@ -14,6 +14,24 @@ export type TypographyWeight = {
 };
 
 export type Typography =
+  /**
+   * @deprecated
+   **/
+  | 'headline_default'
+  | 'headline_l'
+  | 'headline_xl'
+  | 'title_default'
+  | 'title_xs'
+  | 'title_s'
+  | 'header_default'
+  | 'paragraph_default'
+  | 'paragraph_bold'
+  | 'paragraph_italic'
+  | 'label_xxs'
+  | 'action_s'
+  /**
+   * end
+   **/
   | 'headline_default_bold'
   | 'header_m_bold'
   | 'header_default_bold'

package/Title/index.tsx

@@ -7,6 +7,7 @@ import {ApplicationContext} from '../Application';
 import {Badge} from '../Badge';
 import {Typography} from '../Text/types';
 import {TitleProps} from './types';
+import {Colors} from '../Consts';
 
 const Title: FC<TitleProps> = ({
   title = 'Title',
@@ -17,11 +18,12 @@ const Title: FC<TitleProps> = ({
   iconColor = null,
   iconAlign = 'top',
   showRightAction = false,
-  showLeftAction = false,
+  showTrailingAction = false,
   badgeLabel,
   buttonTitle,
   onPressRightAction = () => {},
   buttonSize = 'small',
+  textOnly = false,
 }) => {
   const {theme} = useContext(ApplicationContext);
   const [badgeWidth, setBadgeWidth] = useState(0);
@@ -31,10 +33,10 @@ const Title: FC<TitleProps> = ({
   } = styles;
   const typography = `${type}_${size}`;
   const isSection = type === 'section';
-  const numberOfLines = showLeftAction || !!badgeLabel ? 1 : 2;
+  const numberOfLines = showTrailingAction || !!badgeLabel ? 1 : 2;
   const buttonTypo: Typography =
     buttonSize === 'small' ? 'action_xs_bold' : 'action_s_bold';
-  const flexStyle = showLeftAction && {maxWidth: '70%'};
+  const flexStyle = showTrailingAction && {maxWidth: '70%'};
 
   const renderIcon = () => {
     if (!icon) return null;
@@ -100,8 +102,16 @@ const Title: FC<TitleProps> = ({
   const renderActionLeft = () => {
     return (
       <View style={styles.iconLeftView}>
-        {showLeftAction && !showRightAction && (
-          <View style={styles.iconLeft}>
+        {showTrailingAction && !showRightAction && (
+          <View
+            style={[
+              styles.iconLeft,
+              {
+                backgroundColor: isSection
+                  ? Colors.black_06 + '99'
+                  : Colors.black_06 + '4D',
+              },
+            ]}>
             <Icon
               source={'arrow_chevron_right_small'}
               size={scaleSize(18)}
@@ -114,7 +124,7 @@ const Title: FC<TitleProps> = ({
   };
 
   const renderActionRight = () => {
-    if (!showRightAction || showLeftAction) return false;
+    if (!showRightAction || showTrailingAction) return false;
 
     return (
       <View>
@@ -142,6 +152,19 @@ const Title: FC<TitleProps> = ({
       </View>
     );
   };
+
+  if (textOnly) {
+    return (
+      <View style={isSection && styles.margin}>
+        <RNText
+          numberOfLines={numberOfLines}
+          style={[styleSheet[typography], styles.title]}>
+          {title}
+        </RNText>
+      </View>
+    );
+  }
+
   return (
     <View style={[styles.wrapper, isSection && styles.margin]}>
       {renderIcon()}

package/Title/styles.ts

@@ -60,7 +60,6 @@ export default StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center',
     marginHorizontal: Spacing.XS,
-    backgroundColor: Colors.black_06,
   },
   iconLeftView: {
     flexDirection: 'row',

package/Title/types.ts

@@ -7,9 +7,10 @@ export type TitleProps = {
   iconColor?: string;
   iconAlign?: 'top' | 'middle' | 'bottom';
   showRightAction?: boolean;
-  showLeftAction?: boolean;
+  showTrailingAction?: boolean;
   badgeLabel?: string;
   buttonTitle?: string;
   buttonSize?: 'small' | 'large';
   onPressRightAction?: () => void;
+  textOnly?: boolean;
 };

package/package.json

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