react-native-ui-lib 7.44.0 → 7.45.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-ui-lib",
-  "version": "7.44.0",
+  "version": "7.45.0",
   "main": "src/index.js",
   "types": "src/index.d.ts",
   "author": "Ethan Sharabi <ethan.shar@gmail.com>",

package/src/components/avatar/index.js

@@ -179,7 +179,7 @@ const Avatar = forwardRef((props, ref) => {
   const Container = onPress ? TouchableOpacity : View;
   return <Container style={_containerStyle} ref={ref} testID={testID} onPress={onPress} accessible={!_isUndefined(onPress)} accessibilityLabel={'Avatar'} accessibilityRole={onPress ? 'button' : 'image'} hitSlop={onPress ? hitTargetPadding : undefined} {...accessibilityProps}>
       <View testID={`${testID}.container`} style={textContainerStyle}>
-        {!_isUndefined(text) && <Text numberOfLines={1} ellipsizeMode={labelEllipsizeMode} style={textStyle} testID={`${testID}.label`}>
+        {!_isUndefined(text) && <Text numberOfLines={1} ellipsizeMode={labelEllipsizeMode} style={textStyle} testID={`${testID}.label`} accessibilityLabel={accessibilityProps?.accessibilityLabel}>
             {text}
           </Text>}
       </View>

package/src/components/carousel/index.js

@@ -442,7 +442,7 @@ class Carousel extends Component {
       const containerStyle = pageControlPosition === PageControlPosition.UNDER ? {
         marginVertical: 16 - this.getContainerPaddingVertical()
       } : styles.pageControlContainerStyle;
-      return <PageControl size={size} spacing={spacing} containerStyle={containerStyle} inactiveColor={inactiveColor} color={color} {...others} numOfPages={pagesCount} currentPage={currentStandingPage} />;
+      return <PageControl size={size} spacing={spacing} containerStyle={[containerStyle, Constants.isRTL && Constants.isIOS && styles.flip]} inactiveColor={inactiveColor} color={color} {...others} numOfPages={pagesCount} currentPage={currentStandingPage} />;
     }
   }
   renderCounter() {
@@ -524,6 +524,11 @@ const styles = StyleSheet.create({
     top: 12,
     right: 12
   },
+  flip: {
+    transform: [{
+      scaleX: -1
+    }]
+  },
   pageControlContainerStyle: {
     position: 'absolute',
     bottom: 16,