@widergy/mobile-ui 1.30.1 → 1.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/lib/components/UTActionCard/components/HeaderActions/index.js +5 -1
- package/lib/components/UTActionCard/components/HeaderActions/styles.js +3 -0
- package/lib/components/UTActionCard/index.js +5 -4
- package/lib/components/UTIcon/index.js +1 -1
- package/lib/components/UTTracker/components/Step/index.js +7 -0
- package/lib/components/UTTracker/components/Step/styles.js +9 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
# [1.31.0](https://github.com/widergy/mobile-ui/compare/v1.30.2...v1.31.0) (2024-11-04)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* uttracker step banner ([#382](https://github.com/widergy/mobile-ui/issues/382)) ([26c90d8](https://github.com/widergy/mobile-ui/commit/26c90d8c3fade943d7348fe0b0a9d88f39ab2c51))
|
|
7
|
+
|
|
8
|
+
## [1.30.2](https://github.com/widergy/mobile-ui/compare/v1.30.1...v1.30.2) (2024-11-04)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* [UG-2037] ut action card fixes ([#377](https://github.com/widergy/mobile-ui/issues/377)) ([ff1022f](https://github.com/widergy/mobile-ui/commit/ff1022fa3962aac5832c7657f7582ab4ac0598eb))
|
|
14
|
+
|
|
1
15
|
## [1.30.1](https://github.com/widergy/mobile-ui/compare/v1.30.0...v1.30.1) (2024-11-01)
|
|
2
16
|
|
|
3
17
|
|
|
@@ -26,8 +26,12 @@ const HeaderActions = ({ headerActions, headerActionsProps }) => {
|
|
|
26
26
|
!buttonProps.onPress ? (
|
|
27
27
|
<UTIcon
|
|
28
28
|
name={buttonProps.Icon}
|
|
29
|
-
style={styles.notClickableIconContainer}
|
|
30
29
|
{...buttonProps}
|
|
30
|
+
style={[
|
|
31
|
+
styles.notClickableIconContainer,
|
|
32
|
+
buttonProps.disabled && styles.disabledIcon,
|
|
33
|
+
buttonProps?.style
|
|
34
|
+
]}
|
|
31
35
|
key={buttonProps?.id || i}
|
|
32
36
|
/>
|
|
33
37
|
) : (
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { memo } from 'react';
|
|
2
|
-
import { View } from 'react-native';
|
|
2
|
+
import { TouchableOpacity, View } from 'react-native';
|
|
3
3
|
import {
|
|
4
4
|
arrayOf,
|
|
5
5
|
bool,
|
|
@@ -16,7 +16,6 @@ import {
|
|
|
16
16
|
import { isEmpty } from 'lodash';
|
|
17
17
|
|
|
18
18
|
import Surface from '../Surface';
|
|
19
|
-
import Touchable from '../Touchable';
|
|
20
19
|
|
|
21
20
|
import { ACTION_TYPES, HEADER_ACTIONS_VARIANTS, PLACE_SELF_TYPES, SIZES } from './constants';
|
|
22
21
|
import Header from './components/Header';
|
|
@@ -49,7 +48,9 @@ const UTActionCard = ({
|
|
|
49
48
|
}) => {
|
|
50
49
|
return (
|
|
51
50
|
<Surface elevation={1} style={[styles.cardContainer, classNames.container]}>
|
|
52
|
-
<
|
|
51
|
+
<TouchableOpacity
|
|
52
|
+
activeOpacity={0.6}
|
|
53
|
+
disabled={!mainAction}
|
|
53
54
|
onPress={mainAction && (() => mainAction?.())}
|
|
54
55
|
style={[styles.innerContainer, classNames.innerContainer, mainAction && styles.withMainAction]}
|
|
55
56
|
>
|
|
@@ -90,7 +91,7 @@ const UTActionCard = ({
|
|
|
90
91
|
)}
|
|
91
92
|
</View>
|
|
92
93
|
</View>
|
|
93
|
-
</
|
|
94
|
+
</TouchableOpacity>
|
|
94
95
|
{!isEmpty(additionalMessage) && <AdditionalMessage {...additionalMessage} size={size} />}
|
|
95
96
|
{!isEmpty(bottomActions) && (
|
|
96
97
|
<BottomActions actions={bottomActions} bottomActionsVariant={bottomActionsVariant} />
|
|
@@ -73,6 +73,13 @@ const Step = ({ first, index, isActive, isCompleted, setStepsPositions, step, st
|
|
|
73
73
|
{step.title}
|
|
74
74
|
</UTLabel>
|
|
75
75
|
)}
|
|
76
|
+
{step.banner?.text && (
|
|
77
|
+
<View style={themedStyles.stepBanner}>
|
|
78
|
+
<UTLabel weight="medium" variant="small" colorTheme={step.banner.colorTheme || 'warning'}>
|
|
79
|
+
{step.banner.text}
|
|
80
|
+
</UTLabel>
|
|
81
|
+
</View>
|
|
82
|
+
)}
|
|
76
83
|
</View>
|
|
77
84
|
</View>
|
|
78
85
|
);
|
|
@@ -71,6 +71,14 @@ export const getStepStyles = theme =>
|
|
|
71
71
|
},
|
|
72
72
|
stepMargin: { marginTop: 24 },
|
|
73
73
|
textContainer: {
|
|
74
|
-
width: '90%'
|
|
74
|
+
width: '90%',
|
|
75
|
+
gap: 8
|
|
76
|
+
},
|
|
77
|
+
stepBanner: {
|
|
78
|
+
backgroundColor: theme.Palette.warning['01'],
|
|
79
|
+
alignSelf: 'flex-start',
|
|
80
|
+
paddingVertical: 4,
|
|
81
|
+
paddingHorizontal: 8,
|
|
82
|
+
borderRadius: 8
|
|
75
83
|
}
|
|
76
84
|
});
|
package/package.json
CHANGED