@momo-kits/foundation 0.81.7-beta.1 → 0.81.7-beta.10

package/Application/Components.tsx

@@ -166,7 +166,9 @@ const HeaderLeft: React.FC<HeaderBackProps> = ({
 
     if (navigator?.trackingInfo) {
       navigator?.maxApi?.trackEvent('service_icon_clicked', {
-        ...navigator?.trackingInfo,
+        feature_code: navigator.trackingInfo.code,
+        app_id: navigator.trackingInfo.appId,
+        miniapp_version: navigator.trackingInfo.buildNumber,
         screen_name: currentRoute?.params?.screen?.name ?? currentRoute?.name,
         trigger_id: '111154000000000000',
         icon_name: 'back',
@@ -192,6 +194,8 @@ const HeaderLeft: React.FC<HeaderBackProps> = ({
       } else {
         navigator?.ref.current?.goBack();
       }
+    } else if (navigator?.maxApi) {
+      navigator?.maxApi?.dismiss(navigator.dismissData);
     } else {
       const currentTime = new Date().getTime();
       const requestId = `navigationBackPress#${currentTime}`;

package/Application/ModalScreen.tsx

@@ -58,7 +58,6 @@ const Modal: React.FC<ModalParams> = props => {
    */
   useEffect(() => {
     if (navigator?.trackingInfo) {
-      const TRIGGER_ID = '111012100000000000';
       const navigationRoutes = props.navigation.getState()?.routes || [];
       const routesLength = navigationRoutes.length;
       let screen_name = navigationRoutes?.[0]?.params?.screen?.name;
@@ -67,7 +66,9 @@ const Modal: React.FC<ModalParams> = props => {
       }
       const error_code = (screen as Function)?.()?.props?.information;
       navigator?.maxApi?.trackEvent('service_component_displayed', {
-        ...navigator?.trackingInfo,
+        feature_code: navigator.trackingInfo.code,
+        app_id: navigator.trackingInfo.appId,
+        miniapp_version: navigator.trackingInfo.buildNumber,
         screen_name,
         trigger_id: '111012100000000000',
         component_type: 'popup',
@@ -77,7 +78,9 @@ const Modal: React.FC<ModalParams> = props => {
 
       return () => {
         navigator?.maxApi?.trackEvent('service_icon_clicked', {
-          ...navigator?.trackingInfo,
+          feature_code: navigator?.trackingInfo?.code,
+          app_id: navigator?.trackingInfo?.appId,
+          miniapp_version: navigator?.trackingInfo?.buildNumber,
           screen_name,
           trigger_id: '111154100000000001',
           component_type: 'popup',

package/Application/Navigation.ts

@@ -15,7 +15,7 @@ class Navigation {
   }
 
   /**
-   * navigation options will be remove if used
+   * navigation options filter by design system rule
    * @param params
    */
   private filterParams = (params: NavigationOptions) => {
@@ -28,6 +28,12 @@ class Navigation {
         );
       }
     }
+
+    if (params.headerLeft) {
+      console.warn('headerLeft not allow override render by design system!');
+      delete params.headerLeft;
+    }
+
     return params;
   };
 
@@ -36,10 +42,7 @@ class Navigation {
    * @param params
    */
   setOptions = (params: NavigationOptions) => {
-    if (__DEV__) {
-      params = this.filterParams(params);
-    }
-    params = getOptions(params, this.theme);
+    params = getOptions(this.filterParams(params), this.theme);
     this.instance.setOptions(params);
   };
 }

package/Application/Navigator.ts

@@ -12,6 +12,7 @@ class Navigator {
   toolkitConfig?: HeaderToolkitProps;
   maxApi?: any;
   trackingInfo?: TrackingInfo;
+  dismissData?: any;
 
   constructor(navigation: any) {
     this.ref = navigation;

package/Application/StackScreen.tsx

@@ -38,7 +38,9 @@ const StackScreen: React.FC<ScreenParams> = props => {
           navigationRoutes[routesLength - 2]?.params?.screen?.name;
       }
       navigator?.maxApi?.trackEvent('service_frame_displayed', {
-        ...navigator?.trackingInfo,
+        feature_code: navigator.trackingInfo.code,
+        app_id: navigator.trackingInfo.appId,
+        miniapp_version: navigator.trackingInfo.buildNumber,
         screen_name: Component.name,
         pre_screen_name,
         trigger_id: '111378000000000000',

package/Application/types.ts

@@ -81,9 +81,9 @@ export type LocalizationObject = {
 
 export type TrackingInfo = {
   [key: string]: any;
-  feature_code: string;
-  app_id: string;
-  miniapp_version: number;
+  code: string;
+  appId: string;
+  buildNumber: number;
 };
 
 export type NavigationContainerProps = {
@@ -105,7 +105,6 @@ export type ScreenParams = {
   [key: string]: any;
   screen: Screen;
   options?: NavigationOptions;
-  tracking?: any;
 };
 
 export interface ModalParams extends ScreenParams {

package/Consts/colors+spacing+radius.ts

@@ -153,9 +153,9 @@ const Spacing = {
   L: 16,
   XL: 24,
   XXL: 32,
-  Size48: 48,
-  Size56: 56,
-  Size64: 64,
+  Size3XL: 48,
+  Size4XL: 56,
+  Size5XL: 64,
 };
 
 const Radius = {

package/Layout/ItemSectionList.tsx

@@ -5,11 +5,6 @@ import {GridContext} from './index';
 import styles from './styles';
 
 export interface ItemSectionListProps extends SectionListProps<any> {
-  /**
-   * Require key support number columns change grid system
-   */
-
-  key: string;
   /**
    * Represents the width of the Card component in terms of span numbers (1-12).
    */
@@ -17,7 +12,6 @@ export interface ItemSectionListProps extends SectionListProps<any> {
 }
 
 const ItemSectionList: FC<ItemSectionListProps> = ({
-  key,
   renderItem,
   widthSpan,
   style,

package/Layout/index.ts

@@ -6,6 +6,7 @@ import {createContext} from 'react';
 import {GridContextProps} from './types';
 import Item from './Item';
 import ItemList from './ItemList';
+import ItemSectionList from './ItemSectionList';
 
 const GridContext = createContext<GridContextProps>({
   numberOfColumns: 12,
@@ -23,4 +24,5 @@ export {
   validateChildren,
   Item,
   ItemList,
+  ItemSectionList,
 };

package/Title/index.tsx

@@ -69,6 +69,7 @@ const Title: FC<TitleProps> = ({
             styles.title,
             {
               fontFamily: `${theme.font}-${titleWeight}`,
+              color: theme.colors.text.default,
             },
           ]}>
           {title}

package/Title/styles.ts

@@ -4,6 +4,10 @@ import {Radius, Spacing} from '../Consts';
 
 export default StyleSheet.create({
   card_small: {
+    fontSize: scaleSize(14),
+    lineHeight: scaleSize(20),
+  },
+  card_medium: {
     fontSize: scaleSize(16),
     lineHeight: scaleSize(22),
   },
@@ -11,10 +15,14 @@ export default StyleSheet.create({
     fontSize: scaleSize(18),
     lineHeight: scaleSize(26),
   },
-  section_small: {
+  section_medium: {
     fontSize: scaleSize(20),
     lineHeight: scaleSize(28),
   },
+  section_small: {
+    fontSize: scaleSize(16),
+    lineHeight: scaleSize(22),
+  },
   section_large: {
     fontSize: scaleSize(24),
     lineHeight: scaleSize(34),

package/Title/types.ts

@@ -22,7 +22,7 @@ export type TitleProps = {
    * 'large' - A larger, more prominent title.
    * 'small' - A smaller, less prominent title.
    */
-  size?: 'large' | 'small';
+  size?: 'large' | 'medium' | 'small';
 
   /**
    * Optional. Represents the name or key of the icon to be displayed alongside the title.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.81.7-beta.1",
+    "version": "0.81.7-beta.10",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {