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

package/Switch/index.tsx

@@ -1,21 +1,20 @@
-import React, {FC} from 'react';
+import React, {FC, useContext} from 'react';
 import {TouchableOpacity, View} from 'react-native';
 import {SwitchProps} from './types';
 import styles from './styles';
 import {Colors} from '../Consts';
+import {getAccessibilityID} from '../Application/utils';
 
 const {
-  ComponentContext,
+  ScreenContext,
+  MiniAppContext,
 } = require('react-native/Libraries/Components/ScreenContext');
 
-const Switch: FC<SwitchProps> = ({
-  value = false,
-  onChange,
-  disabled = false,
-  style,
-  params,
-  accessibilityLabel,
-}) => {
+const Switch: FC<SwitchProps> = props => {
+  const {appId, code} = useContext<any>(MiniAppContext);
+  const {value, onChange, disabled, style, params, componentId} = props;
+  const screenInfo = useContext<any>(ScreenContext);
+
   const circleBackgroundColor = value ? Colors.black_01 : Colors.black_03;
   const circleAlign = value ? 'flex-end' : 'flex-start';
 
@@ -24,19 +23,24 @@ const Switch: FC<SwitchProps> = ({
     backgroundColor = value ? Colors.green_09 : Colors.black_05;
   }
 
+  const accessibilityID = getAccessibilityID?.(
+    `${appId}/${code}/${screenInfo.screenName}/swt_${value}`,
+  );
+
   return (
-    <ComponentContext.Provider
+    <ScreenContext.Provider
       value={{
+        ...screenInfo,
         componentName: 'Button',
         params,
         state: disabled ? 'disabled' : 'enabled',
-        componentId: accessibilityLabel,
+        componentId,
         componentValue: value,
         action: 'click',
       }}>
       <TouchableOpacity
+        {...accessibilityID}
         disabled={disabled}
-        accessibilityLabel={accessibilityLabel}
         onPress={() => onChange?.(!value)}
         style={[
           style,
@@ -47,8 +51,12 @@ const Switch: FC<SwitchProps> = ({
           <View style={[styles.circleSmall, {backgroundColor}]} />
         </View>
       </TouchableOpacity>
-    </ComponentContext.Provider>
+    </ScreenContext.Provider>
   );
 };
 
+Switch.defaultProps = {
+  value: false,
+  disabled: false,
+};
 export {Switch};

package/Switch/types.ts

@@ -1,6 +1,6 @@
-import {TouchableOpacityProps, ViewStyle} from 'react-native';
+import {ViewStyle} from 'react-native';
 
-export interface SwitchProps extends TouchableOpacityProps {
+export type SwitchProps = {
   /**
    * `value`: Represents whether the Switch component is currently in the 'on' (`true`) or 'off' (`false`) state.
    */
@@ -24,5 +24,7 @@ export interface SwitchProps extends TouchableOpacityProps {
    */
   style?: ViewStyle;
 
-  params?: any;
-}
+  params?: any
+
+  componentId?: string
+};

package/package.json

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