@momo-kits/foundation 0.103.2-beta.5 → 0.103.2-beta.7

package/Application/BottomTab/index.tsx

@@ -80,7 +80,11 @@ const BottomTab: React.FC<BottomTabProps> = ({
       initialRouteName={initialRouteName}
       backBehavior={'firstRoute'}
       tabBar={props => (
-        <BottomTabBar {...props} floatingButton={floatingButton} />
+        <BottomTabBar
+          {...props}
+          floatingButton={floatingButton}
+          inactiveTintColor={theme.colors.text.secondary}
+        />
       )}
       tabBarOptions={{
         style: {

package/Icon/index.tsx

@@ -10,6 +10,7 @@ const Icon: React.FC<IconProps> = ({
   size = 24,
   color,
   style = {},
+  accessibilityLabel,
 }) => {
   const {theme} = useContext(ApplicationContext);
 
@@ -34,6 +35,7 @@ const Icon: React.FC<IconProps> = ({
       source={getIconSource()}
       style={[style, {width: size, height: size}]}
       resizeMode="contain"
+      accessibilityLabel={accessibilityLabel}
       {...tintColorProps}
     />
   );

package/Icon/types.ts

@@ -24,4 +24,9 @@ export type IconProps = {
    * Accepts an object of style properties.
    */
   style?: StyleProp<ImageStyle>;
+
+  /**
+   *  Optional. Represents the accessibility label for the icon.
+   */
+  accessibilityLabel?: string;
 };

package/Image/index.tsx

@@ -1,8 +1,12 @@
-import React, {useContext, useRef, useState} from 'react';
+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,
+  MiniAppContext,
+} from '../Application';
 import {Skeleton} from '../Skeleton';
 import {Icon} from '../Icon';
 import {Styles} from '../Consts';
@@ -19,6 +23,8 @@ const Image: React.FC<ImageProps> = ({
   ...rest
 }) => {
   const {theme} = useContext(ApplicationContext);
+  const app = useContext<any>(MiniAppContext);
+  const component = useContext<any>(ComponentContext);
   const error = useRef(false);
   const [status, setStatus] = useState<Status>('success');
 
@@ -26,6 +32,13 @@ const Image: React.FC<ImageProps> = ({
     accessibilityLabel: accessibilityLabel || `img|${(source as Source).uri}`,
   };
 
+  useEffect(() => {
+    if (app.enableAutoId) {
+      component?.addChildren?.(test.accessibilityLabel, 'add');
+      return () => component?.addChildren?.(test.accessibilityLabel, 'remove');
+    }
+  }, []);
+
   /**
    * render content loading | fail | rendered
    */

package/Loader/DotLoader.tsx

@@ -5,7 +5,7 @@ import {ApplicationContext} from '../Application';
 import {hexToRGBA} from './utils';
 import {LoaderProps} from './types';
 
-const DotLoader: FC<LoaderProps> = ({color}) => {
+const DotLoader: FC<LoaderProps> = ({color, style}) => {
   const {theme} = useContext(ApplicationContext);
 
   const arrayColor = [
@@ -28,7 +28,7 @@ const DotLoader: FC<LoaderProps> = ({color}) => {
   return (
     <AnimatedLottieView
       source={source}
-      style={{width: 52, height: 18}}
+      style={[{width: 52, height: 18}, style]}
       autoPlay
     />
   );

package/Loader/Spinner.tsx

@@ -5,7 +5,7 @@ import {hexToRGBA} from './utils';
 import {ApplicationContext} from '../Application';
 import {LoaderProps} from './types';
 
-const Spinner: FC<LoaderProps> = ({color}) => {
+const Spinner: FC<LoaderProps> = ({color, style}) => {
   const {theme} = useContext(ApplicationContext);
 
   let source: any = animation;
@@ -20,7 +20,7 @@ const Spinner: FC<LoaderProps> = ({color}) => {
   return (
     <AnimatedLottieView
       source={source}
-      style={{width: 24, height: 24}}
+      style={[{width: 24, height: 24}, style]}
       autoPlay
     />
   );

package/package.json

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