@momo-kits/foundation 0.92.2-tracking.4 → 0.92.2-tracking.8

package/Application/Components.tsx

@@ -15,7 +15,7 @@ import {
   View,
   ViewStyle,
 } from 'react-native';
-import {ApplicationContext} from './index';
+import {ApplicationContext, MiniAppContext} from './index';
 import {Colors, Radius, Spacing, Styles} from '../Consts';
 import {Image} from '../Image';
 import {
@@ -31,10 +31,6 @@ import {PopupNotify} from '../Popup';
 import {Badge, BadgeDot} from '../Badge';
 import {getAccessibilityID} from './utils';
 
-const {
-  MiniAppContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const NavigationButton: React.FC<NavigationButtonProps> = ({
   icon,
   tintColor,

package/Application/StackScreen.tsx

@@ -1,16 +1,11 @@
 import React, {useContext, useEffect, useLayoutEffect, useRef} from 'react';
 import {ScreenParams} from './types';
 import Navigation from './Navigation';
-import {ApplicationContext} from './index';
+import {ApplicationContext, MiniAppContext, ScreenContext} from './index';
 import {GridSystem} from '../Layout';
 import {useHeaderHeight} from '@react-navigation/stack';
 import {Alert, InteractionManager} from 'react-native';
 
-const {
-  ScreenContext,
-  MiniAppContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const StackScreen: React.FC<ScreenParams> = props => {
   const {theme, showGrid, navigator} = useContext(ApplicationContext);
   const startTime = useRef(Date.now());
@@ -46,8 +41,6 @@ const StackScreen: React.FC<ScreenParams> = props => {
    * set options for screen
    */
   useLayoutEffect(() => {
-    const host = (global as any).miniAppApi?.currentHost || {};
-    host.screenName = screenName;
     if (options) {
       navigation.setOptions(options);
     }

package/Application/index.ts

@@ -1,3 +1,4 @@
+import {Platform} from 'react-native';
 import {NavigationContainer} from './NavigationContainer';
 import Screen from '../Layout/Screen';
 import {
@@ -11,20 +12,19 @@ import {
 import BottomTab from './BottomTab';
 import {createContext} from 'react';
 import {defaultContext} from '../Consts';
-import {MiniAppInfo} from './types';
 
+const Context = createContext({});
 const ApplicationContext = createContext(defaultContext);
-const MiniAppContext = createContext<MiniAppInfo>({
-  appId: '',
-  buildNumber: 0,
-  code: '',
-  toolkitConfig: {},
-  fromCode: '',
-});
+
+const MiniAppContext = (Platform as any).MiniAppContext ?? Context;
+const ScreenContext = (Platform as any).ScreenContext ?? Context;
+const ComponentContext = (Platform as any).ComponentContext ?? Context;
 
 export {
   ApplicationContext,
   MiniAppContext,
+  ScreenContext,
+  ComponentContext,
   NavigationContainer,
   Screen,
   BottomTab,

package/Button/index.tsx

@@ -1,4 +1,4 @@
-import React, {FC, useContext, useState} from 'react';
+import React, {FC, useContext} from 'react';
 import {
   Animated,
   StyleSheet,
@@ -7,7 +7,7 @@ import {
   View,
 } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import {Text} from '../Text';
 import {Typography} from '../Text/types';
 import {Colors, Spacing} from '../Consts';
@@ -16,10 +16,6 @@ import {Icon} from '../Icon';
 import {Loader} from '../Loader';
 import {formatComponentName} from '../Application/utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const AnimationLinear = Animated.createAnimatedComponent(LinearGradient);
 
 export interface ButtonProps extends TouchableOpacityProps {

package/CheckBox/index.tsx

@@ -2,15 +2,11 @@ import React, {FC, useContext} from 'react';
 import {TouchableOpacity, View} from 'react-native';
 import {CheckBoxProps} from './types';
 import styles from './styles';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import {Text} from '../Text';
 import {Icon} from '../Icon';
 import {formatNameLength} from '../Application/utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const CheckBox: FC<CheckBoxProps> = ({
   value,
   disabled = false,

package/IconButton/index.tsx

@@ -5,16 +5,12 @@ import {
   TouchableOpacity,
   TouchableOpacityProps,
 } from 'react-native';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import {Colors} from '../Consts';
 import {Icon} from '../Icon';
 import styles from './styles';
 import {formatComponentName} from '../Application/utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 export interface IconButtonProps extends TouchableOpacityProps {
   /**
    * Represents the name or key of the icon to be displayed on the IconButton.

package/Image/index.tsx

@@ -2,17 +2,13 @@ import React, {useContext, useEffect, useRef, useState} from 'react';
 import {StyleSheet, View} from 'react-native';
 import FastImage, {Source} from 'react-native-fast-image';
 import styles from './styles';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import {Skeleton} from '../Skeleton';
 import {Icon} from '../Icon';
 import {Styles} from '../Consts';
 import {ImageProps} from './types';
 import {getAccessibilityID} from '../Application/utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 type Status = 'success' | 'loading' | 'error';
 
 const Image: React.FC<ImageProps> = ({

package/Input/Input.tsx

@@ -7,7 +7,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import styles from './styles';
 import {ErrorView, FloatingView, getBorderColor, getSizeStyle} from './common';
 import {InputProps} from './index';
@@ -16,10 +16,6 @@ import {checkTyping} from './utils';
 import {Loader} from '../Loader';
 import {formatComponentName} from '../Application/utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const Input = forwardRef(
   (
     {

package/Input/InputDropDown.tsx

@@ -1,6 +1,6 @@
 import React, {useContext} from 'react';
 import {TextInput, TouchableOpacity, View} from 'react-native';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import styles from './styles';
 import {ErrorView, FloatingView, getBorderColor, getSizeStyle} from './common';
 import {InputDropDownProps} from './index';
@@ -9,10 +9,6 @@ import {Loader} from '../Loader';
 import {Styles} from '../Consts';
 import {formatComponentName} from '../Application/utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const InputDropDown = ({
   value,
   floatingValue,

package/Input/InputMoney.tsx

@@ -12,7 +12,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import styles from './styles';
 import {ErrorView, FloatingView, getBorderColor, getSizeStyle} from './common';
 import {InputMoneyProps} from './index';
@@ -20,10 +20,6 @@ import {Icon} from '../Icon';
 import {formatMoneyToNumber, formatNumberToMoney} from './utils';
 import {formatComponentName} from '../Application/utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const InputMoney = forwardRef(
   (
     {

package/Input/InputOTP.tsx

@@ -19,14 +19,10 @@ import {CaretProps, InputOTPProps} from './index';
 import {scaleSize, Text} from '../Text';
 import styles from './styles';
 import {ErrorView, getBorderColor} from './common';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import {Spacing} from '../Consts';
 import {formatComponentName} from '../Application/utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const OTPCaret: FC<CaretProps> = ({index, length}) => {
   const DURATION = 300;
   const {theme} = useContext(ApplicationContext);

package/Input/InputSearch.tsx

@@ -7,16 +7,12 @@ import {
   View,
 } from 'react-native';
 import {InputSearchProps} from './index';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import styles from './styles';
 import {Icon} from '../Icon';
 import {Text} from '../Text';
 import {checkTyping} from './utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const InputSearch = forwardRef(
   (
     {

package/Input/InputTextArea.tsx

@@ -19,10 +19,6 @@ import {InputTextAreaProps} from './index';
 import {Icon} from '../Icon';
 import {ApplicationContext} from '../Application';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const InputTextArea = forwardRef(
   (
     {
@@ -114,7 +110,6 @@ const InputTextArea = forwardRef(
             <View style={styles.textAreaView}>
               <TextInput
                 {...props}
-                accessibilityLabel={ComponentContext}
                 ref={inputRef}
                 editable={!disabled}
                 textAlignVertical="top"

package/Popup/PopupNotify.tsx

@@ -4,15 +4,11 @@ import {PopupNotifyProps} from './types';
 import {Radius, Spacing, Styles} from '../Consts';
 import {Image} from '../Image';
 import {Text} from '../Text';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, MiniAppContext} from '../Application';
 import {Button} from '../Button';
 import {Icon} from '../Icon';
 import {getAccessibilityID} from '../Application/utils';
 
-const {
-  MiniAppContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const PopupNotify: React.FC<PopupNotifyProps> = ({
   id,
   image,

package/Popup/PopupPromotion.tsx

@@ -1,16 +1,12 @@
 import React, {useContext, useEffect, useRef} from 'react';
 import {StyleSheet, TouchableOpacity, View} from 'react-native';
 import {PopupPromotionProps} from './types';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, MiniAppContext} from '../Application';
 import {Image} from '../Image';
 import {Radius, Spacing} from '../Consts';
 import {Icon} from '../Icon';
 import {getAccessibilityID} from '../Application/utils';
 
-const {
-  MiniAppContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const PopupPromotion: React.FC<PopupPromotionProps> = ({
   id,
   image,

package/Radio/index.tsx

@@ -4,14 +4,10 @@ import {TouchableOpacity, View} from 'react-native';
 import {RadioProps} from './types';
 import {Text} from '../Text';
 import styles from './styles';
-import {ApplicationContext} from '../Application';
+import {ApplicationContext, ComponentContext} from '../Application';
 import {Spacing} from '../Consts';
 import {formatNameLength} from '../Application/utils';
 
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
-
 const Radio: FC<RadioProps> = ({
   value,
   groupValue,

package/Switch/index.tsx

@@ -3,10 +3,7 @@ import {TouchableOpacity, View} from 'react-native';
 import {SwitchProps} from './types';
 import styles from './styles';
 import {Colors} from '../Consts';
-
-const {
-  ComponentContext,
-} = require('react-native/Libraries/Components/ScreenContext');
+import {ComponentContext} from '../Application';
 
 const Switch: FC<SwitchProps> = ({
   value = false,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.92.2-tracking.4",
+    "version": "0.92.2-tracking.8",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {