@momo-kits/foundation 0.103.1-optimize.1 → 0.103.1-optimize.10

package/Application/Localize.ts

@@ -17,20 +17,27 @@ class Localize {
     }
   }
 
+  get getCurrentLanguage() {
+    return this.currentLanguage;
+  }
+
+  get getAssets() {
+    return this.assets;
+  }
+
   translate(key: string) {
     return this.assets[this.currentLanguage]?.[key] || key;
   }
 
   translateData(data: {vi: string; en: string}) {
-    return data[this.currentLanguage] || data.vi || JSON.stringify(data);
+    return data[this.currentLanguage] || JSON.stringify(data);
   }
 
   addTranslations(translations: LocalizationObject) {
-    this.assets = translations;
-  }
-
-  setLanguage(language: 'en' | 'vi') {
-    this.currentLanguage = language;
+    this.assets = {
+      vi: {...translations?.vi, ...this.assets.vi},
+      en: {...translations?.en, ...this.assets.en},
+    };
   }
 }
 

package/Tag/index.tsx

@@ -31,6 +31,8 @@ const Tag: FC<TagProps> = ({
   size = 'large',
   style,
   customColor,
+  accessibilityLabelContainer,
+  accessibilityLabelText,
 }) => {
   let labelColor = textColor[color];
   let tagColor = backgroundColor[color];
@@ -60,7 +62,9 @@ const Tag: FC<TagProps> = ({
   }
 
   return (
-    <View style={[style, sizeStyle, {backgroundColor: tagColor}]}>
+    <View
+      style={[style, sizeStyle, {backgroundColor: tagColor}]}
+      accessibilityLabel={accessibilityLabelContainer}>
       {!!icon && (
         <Icon
           style={styles.icon}
@@ -69,7 +73,10 @@ const Tag: FC<TagProps> = ({
           color={labelColor}
         />
       )}
-      <Text color={labelColor} typography={'label_s_medium'}>
+      <Text
+        color={labelColor}
+        typography={'label_s_medium'}
+        accessibilityLabel={accessibilityLabelText}>
         {label}
       </Text>
     </View>

package/Tag/types.ts

@@ -33,4 +33,16 @@ export type TagProps = {
    * that can be applied to the Tag component.
    */
   customColor?: string;
+
+  /**
+   * Overrides the text that's read by the screen reader when the user interacts with the element. By default, the
+   * label is constructed by traversing all the children and accumulating all the Text nodes separated by space.
+   */
+  accessibilityLabelContainer?: string;
+
+  /**
+   * Overrides the text that's read by the screen reader when the user interacts with the element. By default, the
+   * label is constructed by traversing all the children and accumulating all the Text nodes separated by space.
+   */
+  accessibilityLabelText?: string;
 };

package/Text/index.tsx

@@ -3,7 +3,7 @@ import {Text as RNText, TextProps as RNTextProps} from 'react-native';
 import styles from './styles';
 import {Typography, TypographyWeight} from './types';
 import {ApplicationContext} from '../Application';
-import {scaleSize} from './utils';
+import {getAccessibilityID, scaleSize} from './utils';
 
 const SFProText: TypographyWeight = {
   100: 'Thin',
@@ -109,6 +109,7 @@ const Text: React.FC<TextProps> = ({
     };
   };
 
+
   const textStyle = getTypoStyle(typography);
 
   if (deprecatedValues.includes(typography)) {
@@ -120,6 +121,7 @@ const Text: React.FC<TextProps> = ({
   return (
     <RNText
       {...rest}
+      {...getAccessibilityID((rest.accessibilityLabel))}
       style={[style, textStyle, {color: color ?? theme.colors.text.default}]}>
       {children ?? ''}
     </RNText>

package/Text/utils.ts

@@ -1,4 +1,4 @@
-import {Dimensions} from 'react-native';
+import {Dimensions, Platform} from 'react-native';
 
 const deviceWidth = Dimensions.get('window').width;
 const DEFAULT_SCREEN_SIZE = 375;
@@ -11,4 +11,16 @@ const scaleSize = (size: number) => {
 
   return size;
 };
-export {scaleSize};
+const getAccessibilityID = (accessibilityLabel = '') => {
+  if (Platform.OS ==='ios') {
+    return {
+      accessible: true,
+      testID: accessibilityLabel,
+    };
+  } else {
+    return {
+      accessibilityLabel,
+    };
+  }
+};
+export {scaleSize,getAccessibilityID};

package/index.ts

@@ -49,10 +49,3 @@ export * from './Title';
 export * from './Title/types';
 export * from './Badge';
 export * from './Badge/types';
-
-/**
- * export trick for keep old mini app working
- * @deprecated
- */
-export * from 'react-native-modalize';
-export * from '@gorhom/bottom-sheet';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.103.1-optimize.1",
+    "version": "0.103.1-optimize.10",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},
@@ -8,11 +8,9 @@
         "@momo-kits/foundation"
     ],
     "dependencies": {
-        "@gorhom/bottom-sheet": "2.4.1",
         "react-native-safe-area-context": "3.1.4",
         "react-native-linear-gradient": "2.8.3",
         "react-native-gesture-handler": "1.10.3",
-        "react-native-modalize": "2.1.1",
         "react-native-fast-image": "8.1.5",
         "@react-navigation/bottom-tabs": "https://gitlab.mservice.com.vn/momo-platform/react-native-bottom-tabs.git",
         "@react-navigation/core": "5.16.1",

package/publish.sh

@@ -9,8 +9,8 @@ elif [ "$1" == "latest" ]; then
   npm version prerelease --preid=rc
   npm publish --tag latest --access=public
 else
-#  npm version $(npm view @momo-kits/foundation@beta version)
-#  npm version prerelease --preid=beta
+  npm version $(npm view @momo-kits/foundation@beta version)
+  npm version prerelease --preid=beta
   npm publish --tag beta --access=public
 fi