@momo-kits/foundation 0.81.8-beta.2 → 0.81.9-beta.1

package/Application/Components.tsx

@@ -165,6 +165,16 @@ const HeaderLeft: React.FC<HeaderBackProps> = ({
     const currentRoute = navigator?.ref?.current.getCurrentRoute();
 
     if (navigator?.trackingInfo) {
+      alert(
+        JSON.stringify({
+          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',
+        }),
+      );
       navigator?.maxApi?.trackEvent('service_icon_clicked', {
         feature_code: navigator.trackingInfo.code,
         app_id: navigator.trackingInfo.appId,

package/Application/ModalScreen.tsx

@@ -65,6 +65,18 @@ const Modal: React.FC<ModalParams> = props => {
         screen_name = navigationRoutes[routesLength - 2]?.params?.screen?.name;
       }
       const error_code = (screen as Function)?.()?.props?.information;
+      alert(
+        JSON.stringify({
+          feature_code: navigator.trackingInfo.code,
+          app_id: navigator.trackingInfo.appId,
+          miniapp_version: navigator.trackingInfo.buildNumber,
+          screen_name,
+          trigger_id: '111012100000000000',
+          component_type: 'popup',
+          component_name: modalName,
+          error_code,
+        }),
+      );
       navigator?.maxApi?.trackEvent('service_component_displayed', {
         feature_code: navigator.trackingInfo.code,
         app_id: navigator.trackingInfo.appId,
@@ -77,6 +89,19 @@ const Modal: React.FC<ModalParams> = props => {
       });
 
       return () => {
+        alert(
+          JSON.stringify({
+            feature_code: navigator?.trackingInfo?.code,
+            app_id: navigator?.trackingInfo?.appId,
+            miniapp_version: navigator?.trackingInfo?.buildNumber,
+            screen_name,
+            trigger_id: '111154100000000001',
+            component_type: 'popup',
+            component_name: modalName,
+            error_code,
+            icon_name: 'close',
+          }),
+        );
         navigator?.maxApi?.trackEvent('service_icon_clicked', {
           feature_code: navigator?.trackingInfo?.code,
           app_id: navigator?.trackingInfo?.appId,

package/Application/NavigationContainer.tsx

@@ -56,7 +56,7 @@ const NavigationContainer: React.FC<NavigationContainerProps> = ({
       setLanguage(lang);
     });
     return () => {
-      listener?.();
+      listener?.remove?.();
     };
   }, []);
 

package/Application/StackScreen.tsx

@@ -3,11 +3,13 @@ import {ScreenParams} from './types';
 import Navigation from './Navigation';
 import {ApplicationContext} from './index';
 import {GridSystem} from '../Layout';
+import {useHeaderHeight} from '@react-navigation/stack';
 
 const StackScreen: React.FC<ScreenParams> = props => {
   const {screen: Component, options}: ScreenParams = props.route.params;
   const {theme, showGrid, navigator} = useContext(ApplicationContext);
   const navigation = new Navigation(props.navigation, theme);
+  const heightHeader = useHeaderHeight();
 
   const params = {
     ...props.route.params,
@@ -37,6 +39,16 @@ const StackScreen: React.FC<ScreenParams> = props => {
         pre_screen_name =
           navigationRoutes[routesLength - 2]?.params?.screen?.name;
       }
+      alert(
+        JSON.stringify({
+          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',
+        }),
+      );
       navigator?.maxApi?.trackEvent('service_frame_displayed', {
         feature_code: navigator.trackingInfo.code,
         app_id: navigator.trackingInfo.appId,
@@ -50,7 +62,7 @@ const StackScreen: React.FC<ScreenParams> = props => {
 
   return (
     <>
-      <Component {...params} />
+      <Component heightHeader={heightHeader} {...params} />
       {showGrid && <GridSystem />}
     </>
   );

package/Input/Input.tsx

@@ -35,6 +35,7 @@ const Input = forwardRef(
       loading,
       leadingIcon,
       leadingIconColor,
+      fontWeight = 'normal',
       style,
       ...props
     }: InputProps,
@@ -80,6 +81,7 @@ const Input = forwardRef(
       let textColor = theme.colors.text.default;
       let placeholderColor = theme.colors.text.hint;
       let iconTintColor = iconColor;
+      const inputTextWeight = fontWeight === 'bold' ? 'Bold' : 'Regular';
 
       if (disabled) {
         textColor = disabledColor;
@@ -122,7 +124,7 @@ const Input = forwardRef(
                 styles.input,
                 {
                   color: textColor,
-                  fontFamily: `${theme.font}-Regular`,
+                  fontFamily: `${theme.font}-${inputTextWeight}`,
                 },
               ]}
               textBreakStrategy="highQuality"

package/Input/index.tsx

@@ -76,6 +76,8 @@ export interface InputProps extends TextInputProps {
    * Optional. Represents the color of the leading icon in the Input component.
    */
   leadingIconColor?: string;
+
+  fontWeight?: 'normal' | 'bold';
 }
 
 type InputPropsWithoutSizeAndIcon = Omit<

package/Layout/Card.tsx

@@ -41,7 +41,6 @@ const Card: React.FC<CardProps> = ({
   const gridContext: GridContextProps = {
     numberOfColumns,
     gutterSize,
-    margin,
     sizePerSpan,
     getSizeSpan: span => {
       return span * sizePerSpan + (span - 1) * gutterSize;
@@ -149,7 +148,7 @@ const Card: React.FC<CardProps> = ({
           styles.card,
           {
             width: widthSection,
-            marginHorizontal: gridContext.margin,
+            marginHorizontal: margin,
             backgroundColor: theme.colors.background.surface,
           },
           useShadow && Shadow.Light,

package/Layout/GridSystem.tsx

@@ -24,7 +24,6 @@ const GridSystem: React.FC<any> = ({
   const grid: GridContextProps = {
     numberOfColumns,
     gutterSize,
-    margin,
     sizePerSpan,
     getSizeSpan: span => {
       return span * sizePerSpan + (span - 1) * gutterSize;
@@ -46,7 +45,7 @@ const GridSystem: React.FC<any> = ({
           screenGrid && insets,
           {
             borderColor: theme.colors.error.primary,
-            marginHorizontal: grid.margin,
+            marginHorizontal: margin,
             top: Spacing.M,
             bottom: Spacing.M,
           },

package/Layout/Screen.tsx

@@ -275,7 +275,6 @@ const Screen = forwardRef(
           <Component
             {...scrollViewProps}
             ref={ref}
-            heightHeader={heightHeader}
             showsVerticalScrollIndicator={false}
             onScroll={handleScroll}
             style={Styles.flex}>

package/Layout/Section.tsx

@@ -50,7 +50,6 @@ const Section: React.FC<SectionProps> = ({
   const gridContext: GridContextProps = {
     numberOfColumns,
     gutterSize,
-    margin,
     sizePerSpan,
     getSizeSpan: span => {
       return span * sizePerSpan + (span - 1) * gutterSize;
@@ -143,7 +142,6 @@ const Section: React.FC<SectionProps> = ({
       value={{
         numberOfColumns,
         gutterSize,
-        margin,
         sizePerSpan,
         getSizeSpan: span => {
           return span * sizePerSpan + (span - 1) * gutterSize;
@@ -156,7 +154,7 @@ const Section: React.FC<SectionProps> = ({
           styles.protectedStyle,
           {
             width: widthSection,
-            marginHorizontal: gridContext.margin,
+            marginHorizontal: margin,
             flexDirection: 'row',
             flexWrap: 'wrap',
           },

package/Layout/index.ts

@@ -11,7 +11,6 @@ import ItemSectionList from './ItemSectionList';
 const GridContext = createContext<GridContextProps>({
   numberOfColumns: 12,
   gutterSize: 12,
-  margin: 12,
   sizePerSpan: 0,
   getSizeSpan: () => 0,
 });

package/Layout/types.ts

@@ -9,11 +9,6 @@ export type GridContextProps = {
    */
   gutterSize: number;
 
-  /**
-   * Optional. Represents the margin around the grid.
-   */
-  margin?: number;
-
   /**
    * Represents the size (width or height) per span number.
    */

package/package.json

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