@widergy/mobile-ui 2.3.5 → 2.5.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [2.5.0](https://github.com/widergy/mobile-ui/compare/v2.4.0...v2.5.0) (2026-01-22)
+
+
+### Features
+
+* index prop ([#473](https://github.com/widergy/mobile-ui/issues/473)) ([f229d77](https://github.com/widergy/mobile-ui/commit/f229d771a38e9b9cb9573bc27d7d78e7e257e7d1))
+
+# [2.4.0](https://github.com/widergy/mobile-ui/compare/v2.3.5...v2.4.0) (2026-01-19)
+
+
+### Features
+
+* [AUTO-166] Test id support for UTActionCard ([#472](https://github.com/widergy/mobile-ui/issues/472)) ([d72795e](https://github.com/widergy/mobile-ui/commit/d72795e52300e174f9ae7e4165b496ab380a74c0))
+
 ## [2.3.5](https://github.com/widergy/mobile-ui/compare/v2.3.4...v2.3.5) (2025-12-18)
 
 

package/lib/components/UTActionCard/components/Header/index.js

@@ -28,6 +28,7 @@ import ownStyles from './styles';
 const Header = ({
   adornment,
   classNames,
+  dataTestId,
   description,
   descriptionProps,
   headerActionLabel,
@@ -52,7 +53,7 @@ const Header = ({
       <View style={styles.headerTitles}>
         {renderAdornment(adornment, 'top')}
         <View style={styles.titleAndDescription}>
-          <UTLabel variant="title3" weight="medium" {...titleProps}>
+          <UTLabel dataTestId={`${dataTestId}.title`} variant="title3" weight="medium" {...titleProps}>
             {title}
           </UTLabel>
           {description && (
@@ -86,6 +87,7 @@ const Header = ({
 Header.propTypes = {
   adornment: shape({ position: string, props: object, type: string }),
   classNames: objectOf(string),
+  dataTestId: string,
   description: string,
   descriptionProps: shape({ colorTheme: string, variant: string }),
   headerActionLabel: string,

package/lib/components/UTActionCard/index.js

@@ -43,6 +43,7 @@ const UTActionCard = ({
   bottomActionsVariant,
   children,
   classNames = {},
+  dataTestId,
   description,
   descriptionProps = {},
   headerActionLabel,
@@ -76,6 +77,7 @@ const UTActionCard = ({
           disabled={!mainAction || loading}
           onPress={mainAction && (() => mainAction?.())}
           style={[styles.innerContainer, classNames.innerContainer, mainAction && styles.withMainAction]}
+          testID={dataTestId}
         >
           <View>
             {BackgroundImage && (
@@ -91,6 +93,7 @@ const UTActionCard = ({
                   {...{
                     adornment,
                     classNames,
+                    dataTestId,
                     description,
                     descriptionProps,
                     headerActionLabel,
@@ -162,6 +165,7 @@ UTActionCard.propTypes = {
   ),
   bottomActionsVariant: oneOf([ACTION_TYPES.DEFAULT, ACTION_TYPES.REDIRECTION]),
   classNames: objectOf(string),
+  dataTestId: string,
   description: string,
   descriptionProps: shape({ colorTheme: string, variant: string }),
   headerActionLabel: string,

package/lib/components/UTTabs/index.js

@@ -1,6 +1,6 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 import { Animated, View, Pressable, PanResponder, ScrollView } from 'react-native';
-import { array, bool, func, object, string } from 'prop-types';
+import { array, bool, func, object, string, number } from 'prop-types';
 import React, { useEffect, useRef, useState } from 'react';
 
 import { withTheme } from '../../theming';
@@ -20,10 +20,11 @@ const UTTabs = ({
   tabs,
   theme,
   withTabSliding = true,
-  scrollableTabs = false
+  scrollableTabs = false,
+  selectedIndex = 0
 }) => {
   const styles = styleSheet(theme);
-  const [selectedTab, setSelectedTab] = useState(0);
+  const [selectedTab, setSelectedTab] = useState(selectedIndex);
   const [scrollOffset, setScrollOffset] = useState(0);
   const position = useRef(new Animated.Value(0)).current;
   const indicatorPos = useRef(new Animated.Value(0)).current;
@@ -207,7 +208,8 @@ UTTabs.propTypes = {
   tabs: array,
   theme: object,
   withTabSliding: bool,
-  scrollableTabs: bool
+  scrollableTabs: bool,
+  selectedIndex: number
 };
 
 export default withTheme(UTTabs);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "2.3.5",
+  "version": "2.5.0",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [